Als «responsive-design» getaggte Fragen

Responsive Web Design (RWD) ist ein Ansatz für Webdesign und -entwicklung, der darauf abzielt, Websites so zu gestalten, dass sie auf einer Vielzahl von Geräten basierend auf Bildschirmgröße, Plattform und Ausrichtung optimale Erlebnisse bieten.

30
Schriftskalierung basierend auf der Breite des Containers
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 würden, aber anscheinend …
5
Fluid- oder Festnetzsystem in reaktionsschnellem Design, basierend auf Twitter Bootstrap
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 können einen festen Behälter mit einer Flüssigkeitsreihe oder eine Behälterflüssigkeit ... mit …
29
Reaktionsschnelle Schriftgröße in CSS
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 </h1> </div> <!-- End Tagline --> …
17
Verhindert "display: none" das Laden eines Bildes?
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 den Inhalt im mobilen Browser? Gibt es eine Möglichkeit, das …
8
Elemente im reaktionsschnellen Layout ausblenden?
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 kleinen Bildschirm verursacht dies Probleme. Ich …
9
Knopf in voller Breite machen?
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 Spalte?
18
Ändern Sie den Haltepunkt für das Reduzieren der Bootstrap-Navigationsleiste, ohne WENIGER zu verwenden
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 verwende einen Stift, der nicht WENIGER ist. …
19
Responsive CSS-Hintergrundbilder
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. Erstellen Sie mehrere Bilder und …
9
iOS 8 hat die Ansichtsfenster-Eigenschaft "minimal-ui" entfernt. Gibt es andere "weiche Vollbild" -Lösungen?
(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 gängiger Ansatz für das Problem besteht darin, einen Wrapper zu haben …
4
Raster von ansprechenden Quadraten
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 ...
22
Einen Iframe ansprechen lassen
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 gleichen Ergebnisse / Erfolge. Ich habe …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.