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.

3
Soll ich die maximale Gerätebreite oder die maximale Breite verwenden?
Mit CSS-Medienabfragen können Sie max-device-widtheine Gerätebreite (z. B. ein iPhone oder ein Android-Gerät) und / oder eine max-widthGerätebreite festlegen. Wenn Sie max-device-widthdie Größe des Browserfensters auf Ihrem Desktop ändern, ändert sich das CSS nicht, da sich die Größe Ihres Desktops nicht ändert. Wenn Sie max-widthdie Größe des Browserfensters auf Ihrem …
5
Ist es möglich zu sehen, welches srcset-Bild ein Browser mit Browser-Entwicklertools verwendet?
Ich habe versucht zu sehen, welches srcsetBild mein Browser über die Entwicklertools des Browsers verwendet, aber abgesehen von der Verwendung der Registerkarte "Netzwerk", um zu sehen, welches Bild er abruft, kann ich nicht sagen. Die Verwendung der Registerkarte "Netzwerk" ist normalerweise in Ordnung, aber manchmal habe ich festgestellt, dass 2 …
24
Das Bootstrap 3-Modal wird ausgelöst und bewirkt, dass die Seite vorübergehend nach links verschoben wird / Probleme mit der Browser-Bildlaufleiste auftreten
Ich arbeite an einer Site mit Bootstrap 3.1.0. Sie werden feststellen, dass beim Öffnen des modalen Fensters die Browser-Bildlaufleiste nur für den Bruchteil einer Sekunde verschwindet und dann wieder angezeigt wird. Das Gleiche gilt, wenn Sie es schließen. Wie kann ich es so gestalten, dass es ohne Interaktion mit der …
8
Tauschen Sie die DIV-Position nur gegen CSS
Ich versuche, zwei divStandorte gegen reaktionsschnelles Design auszutauschen (die Website sieht je nach Breite des Browsers unterschiedlich aus / ist gut für Mobilgeräte). Im Moment habe ich so etwas: <div id="first_div"></div> <div id="second_div"></div> Aber wäre es möglich, ihre Platzierungen so zu tauschen, dass sie wie second_divzuerst aussehen , nur mit …
29
Ist es möglich, eine flüssige Breite für die sozialen Plugins von Facebook festzulegen?
Ich entwickle eine Website rund um das Konzept "Responsive Design", aber die Facebook-Plugins für soziale Netzwerke haben eine statische Breite und "brechen" das Layout, wenn die Größe geändert wird. Mithilfe von Medienabfragen habe ich die Plugins so eingestellt, dass sie in Browsern mit niedriger Auflösung (Mobilgeräte usw.) ausgeblendet werden. Wenn …
7
Responsive Images srcset funktioniert nicht
Ich habe versucht, den neuen srcset-Ansatz für reaktionsschnelle Bilder mithilfe des folgenden HTML-Codes zu implementieren <img class="swapImages" srcset="assets/images/content/large.jpg 1200w, assets/images/content/medium.jpg 800w, assets/images/content/small.jpg 400w" sizes="100vw" src="assets/images/content/small.jpg" alt="responsive image"> Ich benutze Chrome 40 und alles, was ich bekomme, ist das größte Bild. Die Größe meines Browsers zu ändern und den Cache zu …
4
jQuery: Wie erkennt man die Fensterbreite im laufenden Betrieb?
Ich habe ein Bildlaufelement auf meiner Seite (mit dem jScrollPane jQuery-Plugin). Was ich erreichen möchte, ist eine Möglichkeit, das Bildlauffenster auszuschalten, indem die Breite des Browserfensters ermittelt wird. Ich mache ein reaktionsschnelles Layout und möchte, dass diese Bildlauffunktion deaktiviert wird, wenn der Browser eine bestimmte Breite unterschreitet. Ich kann es …
4
Wie kann ein Iframe ohne Annahme eines Seitenverhältnisses reaktionsfähig gemacht werden?
Wie kann ein Iframe reagieren, ohne ein Seitenverhältnis anzunehmen? Beispielsweise kann der Inhalt eine beliebige Breite oder Höhe haben, die vor dem Rendern unbekannt ist. Beachten Sie, dass Sie Javascript verwenden können. Beispiel: <div id="iframe-container"> <iframe/> </div> Größe dies iframe-containerPassen Sie die so an, dass der Inhalt ohne zusätzlichen Platz …
6
Seitenleiste Standardmäßig auf dem Desktop geöffnet, auf Mobilgeräten geschlossen
Ich habe einige echte Probleme beim Versuch, meine Seitenleisten- / Navigationsinhalte (mithilfe von Bootstrap) standardmäßig auf dem Desktop anzuzeigen (zu erweitern) und standardmäßig auf Mobilgeräten zu schließen und das Symbol nur auf Mobilgeräten anzuzeigen. Ich kann das scheinbar nicht zum Laufen bringen. <nav class="menu menu-open" id="theMenu"> <div class="menu-wrap"> <button class="navbar-toggler" …
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.