Als «responsive-design» getaggte Fragen

Es fällt mir schwer, mich mit der Skalierung von Schriftarten zu beschäftigen. Ich habe derzeit diese Seite mit einem Körper font-sizevon 100%. 100% von was aber? Dies scheint bei 16 Pixeln zu rechnen. Ich hatte den Eindruck, dass 100% sich irgendwie auf die Größe des Browserfensters beziehen...

Ich möchte eine erstellen div, die ihre Breite / Höhe ändern kann, wenn sich die Breite des Fensters ändert. Gibt es CSS3-Regeln, nach denen sich die Höhe entsprechend der Breite ändern kann, während das Seitenverhältnis beibehalten wird ? Ich weiß, dass ich dies über JavaScript tun kann, aber...

Was ist der Unterschied zwischen col-lg-*, col-md-*und col-sm-*in Twitter

Ich bin verwirrt über die verschiedenen Optionen im Twitter-Bootstrap-Raster und wie sie zusammenpassen. Zunächst können Sie eine gewöhnliche feste containeroder eine haben container-fluid. Dann kann entweder eine gewöhnliche rowoder eine flüssige Reihe enthalten sein row-fluid. Das heißt, Sie...

Ich habe eine Site mit dem Raster der Zurb Foundation 3 erstellt . Jede Seite hat eine große h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE...

In jedem Tutorial zur display:nonereaktionsschnellen Website-Entwicklung wird empfohlen, die CSS-Eigenschaft zu verwenden, um das Laden von Inhalten in mobilen Browsern zu verhindern, damit die Website schneller geladen wird. Ist es wahr? Lädt display:nonedie Bilder nicht oder lädt es immer noch...

Wenn Sie durch den Bootstrap schauen, sieht es so aus, als würden sie das Reduzieren der Menüleistenelemente für kleinere Bildschirme unterstützen. Gibt es etwas Ähnliches für andere Elemente auf der Seite? Zum Beispiel habe ich eine zusammen mit Navi-Pillen nach rechts geschwommen. Auf einem...

Ich möchte, dass ein Knopf die gesamte Breite der Spalte einnimmt, aber Schwierigkeiten hat ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> Wie mache ich die Schaltfläche so breit wie die...

Angenommen, ich habe ein Histogrammskript, das eine 960 500 svg-Grafik erstellt. Wie kann ich darauf reagieren, um die Größe der Grafikbreiten und -höhen dynamisch zu ändern? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an Irwin-Hall...

Derzeit wechselt die Navigationsleiste in den reduzierten Modus, wenn die Browserbreite unter 768px fällt. Ich möchte diese Breite auf 1000px ändern. Wenn der Browser unter 1000px liegt, wechselt die Navigationsleiste in den reduzierten Modus. Ich möchte dies tun, ohne WENIGER zu verwenden. Ich...

Ich habe eine Website (g-floors.eu) und möchte den Hintergrund (in CSS habe ich ein BG-Bild für den Inhalt definiert) auch reaktionsfähig machen. Leider habe ich wirklich keine Ahnung, wie ich das machen soll, außer einer Sache, die mir einfällt, aber es ist eine ziemliche Problemumgehung....

(Dies ist eine mehrteilige Frage. Ich werde mein Bestes geben, um das Szenario zusammenzufassen.) Derzeit erstellen wir eine reaktionsschnelle Web-App (Newsreader), mit der Benutzer zwischen Inhalten mit Registerkarten wechseln und in jedem Inhalt mit Registerkarten vertikal scrollen können. Ein...

Unterstützt IE8 die folgende CSS-Medienabfrage nicht: @import url("desktop.css") screen and (min-width: 768px); Wenn nicht, wie wird alternativ geschrieben? Das gleiche funktioniert gut in Firefox. Probleme mit dem folgenden Code? @import url("desktop.css") screen; @import url("ipad.css") only...

Overа этот вопрос есть ответы на Stapelüberlauf на русском : Сетка из адаптивных (responsiv) квадратов Ich frage mich, wie ich ein Layout mit ansprechenden Quadraten erstellen soll . Jedes Quadrat hätte vertikal und horizontal ausgerichteten Inhalt. Das spezifische Beispiel wird unten angezeigt...

Ich habe diesen Stackoverflow-Beitrag mit dem Titel "Können Sie einen iFrame reaktionsfähig machen?" Gelesen, und einer der Kommentare / Antworten führte mich zu dieser Geige. Aber als ich versuchte, HTML und CSS so zu implementieren, dass es meinen Anforderungen entsprach, hatte ich nicht die...

Ich teste die Navigationsleiste für die Bootstrap-Reaktionsfähigkeit und habe eine Demo- Website. Wenn ich die Größe des Browsers auf einem Desktop verändere, funktioniert alles einwandfrei, einschließlich der Navigationsleiste, die zum zusammenklappbaren Menü mit einem kleinen Symbol oben wird,...

Ich habe den folgenden Code, der einen Container mit einer Höhe einrichtet, die sich mit der Breite ändert, wenn der Browser die Größe ändert (um ein quadratisches Seitenverhältnis beizubehalten). HTML <div class="responsive-container"> <div class="dummy"></div> <div...

Ich muss eine reaktionsfähige Seite mit Bootstrap erstellen, indem ich ein Div in der Mitte einer Seite positioniere, wie im unten genannten

Das iPhone 5 hat einen längeren Bildschirm und erfasst nicht die mobile Ansicht meiner Website. Was sind die neuen Responsive Design-Abfragen für das iPhone 5 und kann ich sie mit vorhandenen iPhone-Abfragen kombinieren? Meine aktuelle Medienabfrage lautet: @media only screen and...

Auf unserer Website ist ein YouTube-Video eingebettet. Wenn ich den Bildschirm auf Tablet- oder Telefongrößen verkleinere, wird er bei einer Breite von etwa 560 Pixel nicht mehr verkleinert. Ist dies der Standard für YouTube-Videos oder kann ich dem Code etwas hinzufügen, um ihn zu...