Was ist der sicherste Weg, mit Medienabfragen etwas zu bewirken, wenn Sie sich nicht auf einem Touchscreen-Gerät befinden? Wenn dies nicht möglich ist, schlagen Sie die Verwendung einer JavaScript-Lösung wie !window.Touchoder Modernizr
Ich versuche, die Verwendung einer Sass-Variablen mit @ media-Abfragen wie folgt zu kombinieren: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width wird dann an verschiedenen Stellen in den...
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...
Aus irgendeinem Grund liest der Geräteemulationsmodus meine Medienabfragen nicht. Es funktioniert auf anderen Websites, einschließlich meiner eigenen Websites, die ich mit Bootstrap erstellt habe, aber nicht auf Medienabfragen, die ich von Grund auf verwende (durch Klicken auf die Schaltfläche...
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?
Ich habe eine Artikelklasse und eine kompakte "Modifikator" -Klasse: .item { ... } .item.compact { /* styles to make .item smaller */ } Das ist in Ordnung. Ich möchte jedoch eine @mediaAbfrage hinzufügen , die die .itemKlasse dazu zwingt , kompakt zu sein, wenn der Bildschirm klein genug...
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 arbeite mit mehreren Tablet-Geräten - beide Android und iOS. Derzeit habe ich folgende Auflösungsvarianten für alle Tablets. 1280 x 800 1280 x 768 1024 x 768 (iPad offensichtlich) - iPad hat dieses Problem nicht Die einfachste Möglichkeit, einen auf Geräteorientierung basierenden Stil...
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...
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...
Ich habe mich viel umgesehen und verstehe, dass es viele Möglichkeiten gibt, den Internet Explorer zu erkennen. Mein Problem ist folgendes: Ich habe einen Bereich in meinem HTML-Dokument, der beim Klicken eine JavaScript-Funktion aufruft, die mit Internet-Explorern jeglicher Art nicht kompatibel...
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...
Welche CSS-Medienabfragen entsprechen den neuen Geräten von Apple? Ich brauche die eingestellt bodyist background-colordie X sichere Bereich Hintergrundfarbe zu ändern.
Hallo, ich arbeite mit mehreren Tablet-Geräten, iPad, Galaxy Tab, Acer Iconia, LG 3D Pad und so weiter. iPad - 1024 x 768 LG Pad - 1280 x 768 Galaxy Tab - 1280 x 800 Ich möchte das iPad nur mit einer CSS3-Medienabfrage ansprechen. Da die Gerätebreite von LG und iPad gleich 768px ist, habe...