Ich muss eine Site zusammenstellen, die ein festes Seitenverhältnis von ungefähr 16:9Landschaft hat, wie ein Video. Ich möchte, dass es zentriert und erweitert wird, um die verfügbare Breite und Höhe zu füllen, aber niemals auf beiden Seiten größer wird. Beispielsweise: Bei einer hohen und...
Ich habe eine Website, die auf Mobiltelefone reagieren muss. Ich habe es mit meinem Desktop erstellt. Wenn ich Browserfenster anpasse, funktioniert es perfekt für Mobiltelefone, aber wenn ich es auf meinem echten Mobiltelefon überprüfe: Samsung Galaxy S2 reagiert es nicht auf die mobile Ansicht....
Ziel ist es, das <svg>Element auf die Größe seines übergeordneten Containers zu erweitern, in diesem Fall a <div>, egal wie groß oder klein dieser Container sein mag. Der Code: <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg...
Ich muss meiner Webanwendung mithilfe von Twitter Bootstrap reaktionsschnelle Designfunktionen hinzufügen. Ich möchte nur das Reaktionsverhalten, ich interessiere mich nicht für die Typografie, Komponenten oder andere Dinge, die in Bootstrap enthalten sind. Ich habe eine angepasste...
Warum verwendet Twitter Bootstrap keine relativen Schriftgrößen, da es reaktionsschnell / gerätefreundlich
Das klingt vielleicht nach einer dummen Frage. Wenn ich dieses CSS-Snippet für normale Anzeigen verwende (wobei box-bg.png200 x 200 Pixel groß sind); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } und wenn ich eine Medienabfrage wie diese verwende, um auf...
Ich habe diesen Code: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled">...
Ich versuche, eine Form wie im Bild unten mit einer schrägen Kante auf nur einer Seite (z. B. der Unterseite) zu erstellen , während die anderen Kanten gerade bleiben. Ich habe versucht, die Rahmenmethode zu verwenden (Code ist unten angegeben), aber die Abmessungen meiner Form sind dynamisch...
Ich habe derzeit so etwas wie: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div
EDITED: Vielleicht sollte ich fragen, welcher Selektor die Seitenpolsterung einrichtet, wenn der Bildschirm auf unter 480px Breite reduziert wird? Ich habe eine Weile in bootstrap-responsiveness.css gesucht, um dies zu finden, aber nichts scheint dies zu beeinflussen. Original Ich möchte...
Seit Bootstrap 3 gibt es keine separaten Dateien mehr für reaktionsfähige und Standard-Stylesheets. Wie kann ich die reaktionsfähigen Funktionen einfach entfernen?
Wie platzieren wir Medienabfragen genau, um Überschneidungen zu vermeiden? Wenn wir zum Beispiel den Code betrachten: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /* everything...
Ich habe das Twitter Bootstrap-Beispiel heruntergeladen und damit ein einfaches Rails-Projekt erstellt. Ich habe das CSS bei Bedarf kopiert und es wird gut angezeigt. Ich habe auch das js kopiert und alles funktioniert hervorragend auf meinem Desktop: Es organisiert die Seite neu, wenn ich die...
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...
Es wäre schön, CSS-Stile für verschiedene Auflösungen innerhalb einiger CSS-Klassen mit weniger zu verpacken. Ich möchte etwas tun wie: footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } Am Ende sollte so etwas das Ergebnis...
In letzter Zeit habe ich Websites entworfen, die reaktionsschneller sind, und ich habe häufig CSS-Medienabfragen verwendet. Ein Muster, das mir aufgefallen ist, ist, dass die Reihenfolge, in der die Medienabfragen definiert werden, tatsächlich von Bedeutung ist. Ich habe es nicht in jedem...
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...
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...
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...
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...