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.
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, auf das ich klicken kann, um weitere Menüschaltflächen anzuzeigen. Aber als ich …
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 class="img-container"> <IMG HERE> </div> </div> CSS .responsive-container { position: relative; width: 100%; border: 1px solid …
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 (max-device-width: 480px) {}
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 verkleinern?
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 dünnen Seite würde sich der Inhalt …
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. Was könnte falsch sein?
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 xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect x="0" y="0" width="100" height="100" /> …
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 Bootstrap-Version erhalten, bei der nur das Rastersystem ausgewählt wurde. Wenn ich jedoch das generierte …
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 Retina-Displays abzuzielen (wobei das @ 2x-Bild die hochauflösende Version ist); …
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 und daher kann …
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 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 class="col-md-4">Content</div> </div> Angenommen, contentes handelte sich um Boxen unterschiedlicher Höhe mit derselben Breite - wie könnte ich das gleiche "gitterbasierte Layout" beibehalten und dennoch alle …
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 grundsätzlich alle Standardauffüllungen oder Ränder entfernen, die für die Reaktionsfähigkeit auf …
We use cookies and other tracking technologies to improve your browsing experience on our website,
to show you personalized content and targeted ads, to analyze our website traffic,
and to understand where our visitors are coming from.
By continuing, you consent to our use of cookies and other tracking technologies and
affirm you're at least 16 years old or have consent from a parent or guardian.