Tag: media-queries
Media queries ermöglichen die bedingte Anwendung von CSS-Stilen auf der Basis von Medientypen wie screen und print, und die Bedingungen des media-features, wie der viewport und Gerät in Höhe und Breite. Sie sind Teil des W3C CSS3-Spezifikation.
Ändern Sie die Schaltfläche text automatisch, wenn die Bildschirmgröße geändert wird mit Bootstrap 3
5 Antworten
Betrachten dieses codes: HTML <div class="col-xs-3 col-sm-3"> <button type="button" class="btn btn-default btn-md btn-block"> <i class="fa fa-plus"></i> Add New Item</button> </div> CSS @media only screen and (max-width: 767px) { button { content: '<i class="fa fa-plus"></i>'; } } Wenn
Ist es möglich mit display:block auf td in HTML-E-Mail, zu erreichen, ansprechende Tisch-design?
6 Antworten
Dieser fantastische Artikel beschreibt, wie erstellen Sie ansprechende Tabellen, die Skala Fabelhaft für mobile Browser. Nun versuche ich gelten die gleiche Technik, um html-E-Mails, sondern display:block einfach nicht scheinen, um die Arbeit in html-E-Mails. Das Problem zu
Überschreiben Von Bootstrap 3 Media Queries
3 Antworten
Wie Sie zum überschreiben einer media query auf Bootstrap 3? Ich habe zum Beispiel mein benutzerdefiniertes Stylesheet und ich überschreiben möchten eine Medien-Abfrage, die min-width: 768px auf min-width: 1200px. Jedes mal, wenn ich tun, dass es nicht
targeting iphone4 mit responsive design (css media queries) als bei niedrigeren res
2 Antworten
Diese müssen beantwortet sein, bevor, aber ich kann nicht finden, eine Verwandte Frage. Habe ich entwickelt eine responsive Website mit dem css-media-queries gehen den ganzen Weg bis zur korrekten Anzeige auf 320 breit. Ich möchte, ist das
Erstellung von CSS-media queries mit javascript oder jQuery
2 Antworten
Ist es möglich, full-media query-Regeln on-the-fly mithilfe von Javascript oder jQuery? Ich habe zahlreiche Medien-Anfragen zum Ziel generalisierte Ansichten und bestimmte Geräte/Bildschirme mit inline-CSS, die Einfuhr und die verknüpften Dateien: @media screen and (min-width:400px) { ... }
Ändern der Reihenfolge von gefloateten divs mit CSS
4 Antworten
JSFIDDLE Möchte ich ändern Sie die Reihenfolge der gefloateten divs auf eine bestimmte pixel-Größe. Im default-Zustand haben Sie beide 50% Breite, und Sie sind nebeneinander. Unter 600px Bildschirm Größe (oder w/e ist egal) ich will das zweite
Bootstrap navbar collapse media-query auf benutzerdefinierte Breite
4 Antworten
Helo Leute, ich möchte zu ändern, die Navigationsleiste, um zu reduzieren auf @screen-md :992px;. Ich habe geändert navbar.less, aber immer noch nicht funktioniert und ich weiß nicht, was zu tun ist. So, wie kann ich ändern, das
Media query für Geräte, die schweben
4 Antworten
Ich würde gerne verschiedene Verhalten für Browser, die Unterstützung von hover (z.B. desktop-Browser), und diejenigen, die nicht (z.B. touchscreen-Geräte). Speziell möchte ich erklären, einen hover-Status auf Browsern, die es unterstützen, aber nicht für Browser, die nicht, um
Druck-Stylesheet - Konvertierung Eingänge zum text
6 Antworten
Ich habe eine Tabelle, die einige <input type="text"> Kisten drin ist, und ich möchte diese als normalen text beim drucken. Ich habe ein media="print" stylesheet mit input { border-style: none; } in es, und dies entfernt die
Ändern der name einer Klasse mit jquery zu einem bestimmten Breitenbereich (media query)
3 Antworten
Habe ich den folgenden html-Code, den ich versuche zu ändern: <div class="col1 width8"><img src="images/entity.jpg"></div> Will ich mit media queries, aber ich will nicht zu ändern, die css, sondern ersetzen Sie den Namen der Klasse aus width8 zu
Auslösung jquery mit css media queries
3 Antworten
Ich bin mit css media queries auf mein Projekt zum erstellen einer Website, arbeiten mit Unternehmen jeder Größe Bildschirm. Ich bin auf der Suche, um die trigger-Unterschied von jquery-Funktionen wie würde ich mit css. Zum Beispiel, Wenn
Klasse hinzufügen oder andere Attribut mit media query
5 Antworten
Ich bin derzeit mit CSS media queries, um den Gegner einige kleine/mittlere Bildschirm-Geräte wie dieses: @media screen and (min-device-width: 480px) { ... } @media screen and (min-device-width: 720px) { ... } Dies funktioniert wie erwartet, und kann
Entfernen Sie das Filterelement für bestimmte Bildschirmgrößen
4 Antworten
Ich bin derzeit am erstellen einer responsive Webdesign mit media queries. Für mobile Geräte ich entfernen, meine JS-slider und ersetzen Sie es mit etwas anderes. Ich habe mir bei .remove() und ein paar andere Dinge aus dem
Responsive design mit media-query : - Bildschirm Größe?
5 Antworten
Arbeite ich auf responsive gestaltete Website mit media queries. Aber ich weiß nicht, wie man eine gute Breite festgelegt. Wie Sie sehen auf dieser Tabelle, es gibt eine Menge von unterschiedlichen Auflösung, sogar für eine einzige Art
Gibt es irgendein äquivalent zu Android <meta name='viewport' content='Ziel-densitydpi=device-dpi'> für Safari auf dem iPhone?
3 Antworten
Beim einstellen meta name='viewport' content='target-densitydpi=device-dpi'die Android-browser und Opera Mobile behandelt ein CSS-pixel als Einheit pixel auf meinem Gerät, sodass meine stylesheets unbehelligt. Gibt es eine entsprechende Funktion, die funktioniert in Safari auf dem iPhone? Auf meine bereits
media query für vertikales scrollen
2 Antworten
Gibt es eine Möglichkeit zu erkennen, die vertikale scroll-Abstand mit einem media-query? Scheint es, dass media queries sind entworfen, um die Erkennung der Mittel (schockierend Recht :P) so Sachen wie browser Höhe prüfbar sind, aber nicht speziell,
Welches sind die wichtigsten media queries zum Einsatz in der Erstellung von mobile responsive design?
3 Antworten
Es gibt viele verschiedene media queries für mobile Bildschirmgrößen. Es kann überwältigend sein, um Platz für alle von Ihnen bei der Gestaltung eines responsive mobile Website. Welches sind die wichtigsten zu verwenden bei der Gestaltung für mobile?
Schnellste Weg, um Website Responsive?
3 Antworten
Ich verwendet habe, Zurb Foundation und Skelett vor, so dass ich vertraut bin mit beiden aber ich hatte nie so konvertieren Sie eine vorhandene website in eine responsive website vor. Was ist die Schnellste Methode zum konvertieren
Media Queries: überprüfen Sie, min-height und min-width?
3 Antworten
Ich versuche mich zu ändern CSS auf meiner Seite basierend auf dem min-height und min-width des Browsers, also ich bin mit diesem: @media (min-height: 500px), (min-width: 580px) { /* CSS stuff */ } Aber aus irgendeinem Grund,
Safari ignoriert css max-width-media queries unter einen bestimmten Punkt
2 Antworten
Arbeite ich an der Optimierung einer responsive Website und Safari (desktop und mobile) scheint völlig ignorieren, Medien-Anfragen unter einen bestimmten Punkt. Ich habe code wie den folgenden: @media screen and (max-width: 767px){ /* Safari responds to css
@import-styles funktioniert nicht in einer media query
6 Antworten
Ich versuche zu importieren, eine Stil auf der Grundlage einer media query, aber das importieren ist nicht ausgelöst wird, Wenn ich die styles direkt in die media query Rendern der Seite. Hier ist ein link zu der
Was Sind Die Besten Breite Reicht für Media Queries
3 Antworten
Kann jemand lassen Sie mich wissen, Was sind die besten Breite reicht für die Erkennung von media-queries im responsive design? Möchte ich auf alle Desktop - /Laptop-Monitore( mit einer Ausrichtung) im 4-Medien Abfragen, aber ich weiß nicht,
Hinzufügen/Entfernen von Klassen mit media queries
1 Antworten
Meine Allgemeine Frage ist wie kann man bedingt hinzufügen oder entfernen von Klassen oder ids zu einer bestimmten Klasse, die mit css-media-queries allein? In den folgenden Beispielcode, zum Beispiel, wie könnte ich hinzufügen "Class_B", um alle div
Media Queries für @2x @3x und @4x Bilder
2 Antworten
Ich versuche zu unterstützen, eine Vielzahl von pixel-Verhältnissen auf die aktuelle Seite, die ich entwickle. Ich will auch dafür sorgen, dass ich irgendwelche browser-Präfixe, um die Unterstützung der unterschiedlichsten Geräte/Browser innerhalb Grund. Auch ich bin mit SVG
Twitter Bootstrap-Responsive Navbar Gebrochen auf Kleinen Bildschirmen
2 Antworten
Habe ich gewesen das Lesen der Dokumentation und Vergleich mein code auf Bootstrap Beispiele, aber ich kann nicht herausfinden, warum die Navigationsleiste auf meiner Website lässt sich über 100px, wenn ich mein Browserfenster kleiner oder auf einem
Was sind gute Auflösung, Werte zu verwenden, die mit media queries?
4 Antworten
Vor kurzem habe ich Spiele seit etwa mit CSS-Media-Queries, weil es eine tolle Möglichkeit, um meine Webseite anzupassen an verschiedene Bildschirmgrößen. Ich bin der Planung und Implementierung Sie in der live-version. Meine Frage ist: gibt es eine
Wie target Galaxy Nexus und das Nexus 7 mit media queries?
7 Antworten
Ich habe zwei Geräte, die ich testen Website design mit. Samsung Galaxy Nexus und Asus Nexus 7 tablet. Ich habe eine wirklich harte Zeit, herauszufinden, wie man gezielt diese einzelnen Geräte mit media queries. Ich bin mir
Media queries und hintergrund-Bilder
3 Antworten
Ich habe ein div - <div id="page"> </div> Mit den folgenden css: #page { background: url('images/white-zigzag.png') repeat-x; } @media (max-width: 600px) { #page { background: url('images/white-zigzag-mobile.png') repeat-x; } } Merke ich, wenn ich die Größe meines Browsers
Bootstrap-Spalte-Ansicht im hoch-und Querformat
3 Antworten
Ich bin failry neu bootsrap und wollte mal Fragen, gibt es trotzdem, dass wenn das Display im Hochformat zu verwenden immer "md" Größe Spalten, und wenn es in der Landschaft immer "xs" Spalten? InformationsquelleAutor der Frage meztli
Responsive css-Stile auf mobilen Geräten NUR
4 Antworten
Ich versuche, mein responsive CSS-Stile zu arbeiten nur auf tablets und smartphones. Im Grunde habe ich einen Stil für den desktop, einen Stil für mobile: portrait und ein style für mobile: Landschaft. Ich will nicht, dass die
Wie man den Körper Breite gleich der device-width automatisch in CSS3-media-query?
2 Antworten
Ich bin dabei eine mobile website jetzt und versuchen, auf verschiedene Geräte mithilfe von CSS3 media queries. Ein Teil meines Codes ist wie folgt: @media screen and (max-width:320px) { body { width: 320px; } /* some other
Wie simulieren pixel-Verhältnis zu testen, media queries, die mit Google Chrome oder Firefox auf Windows?
5 Antworten
Während es einfach ist, zu testen, verschiedene Bildschirm-Auflösungen in Google Chrome ich Frage mich, wie die Entwickler testen konnte, unterschiedlichen device-pixel-ratios zugrunde, die folgende CSS-media-queries. /* Pixel ratio of 1. Background size is 100% (of a 100px
Was ist die semantische von "@media screen and (-webkit-min-Gerät-pixel-Verhältnis:0)"?
3 Antworten
War ich zu Verwendung der unter CSS-hack für WebKit-basierte Browser, nach http://www.webmonkey.com/2010/02/browser-specific_css_hacks/. @media screen and (-webkit-min-device-pixel-ratio:0) { #my-id { height: 100%; } } Es funktioniert. Aber später habe ich festgestellt, dass es nicht funktioniert in der Produktionsumgebung.
@media und @font-face-Unterstützung in LessCSS
6 Antworten
Hallo, weiß jemand, wie man eine media query mit LessCSS? @media screen and (max-width: 600px) { #container{ width: 480px; } } gibt mir die folgende Fehlermeldung: ! Syntax Error: on line 23: expected one of :: :
Media Queries - Css für iPhone Querformat
5 Antworten
Sind die gleichen Methoden zum schreiben von css nur für das iPhone im landscape Modus ? danke InformationsquelleAutor der Frage Dee | 2011-09-03
Ist es möglich, die Breite des Fensters in em-Einheiten mit javascript?
5 Antworten
Ich bin auf der Suche nach einem zuverlässigen Weg, um die Breite des Fensters in em-Einheiten mit javascript. Ich war überrascht zu sehen, dass jQuery nur ein ResultSet zurück in die pixel-Messungen. Jede Hilfe ist willkommen. InformationsquelleAutor
Retina-iPad-Spezifische CSS
3 Antworten
Ich bin der Gestaltung einer responsive Website, die wird anders Aussehen auf mobilen Geräten. Ich habe drei separate media queries in meiner css plus eine query für retina display(s). /** 768PX IPAD PORTRAIT **/ @media screen and
Media queries nicht verhält wie erwartet auf Android
7 Antworten
Ich habe 4 media queries. Die 1., 3. und 4. Arbeit, aber die 2. scheint nicht zu aktivieren. Warum ist die 480x720 (zweite media query), standardmäßig auf der ersten media query? @media screen and (max-width: 320px) and
Media query ipad vs iphone4
5 Antworten
Ich bin mit dem media-query im css zu unterscheiden, iphone und ipad Hier ist mein code: /* iphone 3 */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation:portrait) { ... } /*
CSS: max-width für die @media-query nicht funktioniert
4 Antworten
(Es funktioniert auf anderen Browsern, aber nicht chrome) Ich möchte einen Stil anwenden nur, wenn der browser kleiner als 1400px mit max-width funktioniert nicht @media only screen and (max-width:1400px) { .heading-left { left: -0.5%; } } mit
Möglich, deaktivieren Sie die @media-Abfragen oder erzwingen, dass ein Beschluss? Grund: Erlauben, ein iphone zu sehen, die desktop-Website?
4 Antworten
Habe ich meine Seite STARK verändert über die @media-queries zur Anzeige von sehr slimdown würde auf dem Handy. Allerdings ist mein Benutzer Fragen für die desktop-version der Webseite (über einen link). Einen Schritt weiter gehen, die desktop-Seite
Kann ich mit einer media query im internen CSS, und wird es vermeiden, laden Sie die hintergrund-Bilder, die ich definieren?
3 Antworten
Arbeite ich an einer responsive Website, wo jede Seite wird ein großer held-Bild, definiert im CMS. Ich möchte vermeiden, herunterladen, hintergrund Bild auf dem Handy. Nur so kann ich mir vorstellen, es zu tun ist, um einige
CSS-media-Abfragen, pixel-Dichte -, desktop-und mobile Geräte
1 Antworten
Situation : Ich habe 5 CSS-Dateien: Basis.css mit einige Stile, die überall gelten 339px.css für die breiten bis zu 339px 639px.css für die breiten bis zu 639px 999px.css und bigscreen.css-Code für alles oben 999px Breite Code :
zeigen/verbergen von div-basierend auf browser-Größe, die NUR mithilfe von css?
2 Antworten
Ich bin ein Versuch, einige bekommen divs ein - /ausblenden, basierend auf browser-Größe, nur mit css media queries... aber nichts scheint zu funktionieren... bitte helfen Sie, wenn Sie können und lassen Sie mich wissen, was ich falsch
Unterschied zwischen Aspekt-Verhältnis-und device-aspect-ratio in CSS media queries
5 Antworten
Was ist der Unterschied in einfachen Worten zwischen aspect-ratio und device-aspect-ratio? InformationsquelleAutor der Frage poptag | 2011-04-20
Medien-Abfrage, um zu erkennen, wenn sich ein Gerät mit touchscreen
8 Antworten
Was ist der sicherste Weg, die Verwendung von media queries, um etwas geschehen, wenn nicht auf einem touchscreen-Gerät? Wenn es keinen Weg gibt, schlagen Sie vor, indem Sie eine JavaScript-Lösung wie !window.Touch oder Modernizr? InformationsquelleAutor der Frage
So entfernen Sie ansprechende features in Twitter Bootstrap 3?
7 Antworten
Seit Bootstrap 3 gibt es nicht mehr separate Dateien für responsive und standard-stylesheets. Also, wie kann ich einfach entfernen Sie den responsive-Funktionen? InformationsquelleAutor der Frage kanarifugl | 2013-07-29
Media Queries feuern auf falsche Breite
4 Antworten
Baue ich eine responsive Seite und die media queries sind feuern auf die falsche Breite. Ich bin mit Chrome. @media screen and (max-width: 1200px) { .logo-pic { display: none; } } Beispielsweise, diese Regel funktioniert es nur,
Was bedeutet @media Bildschirm und (max-width: 1024px) in CSS?
9 Antworten
Fand ich dieses Stück code in einer CSS-Datei habe ich geerbt, aber ich kann keinen Sinn aus ihm heraus: @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } } Speziell, was auf die erste
Was ist der Unterschied zwischen maximaler Gerätebreite und maximaler Breite für mobiles Internet?
8 Antworten
Brauche ich zum entwickeln von html-Seiten für die iphone/android-Handys, aber was ist der Unterschied zwischen max-device-width und max-width? Ich muss an verschiedene css für verschiedene Bildschirm-Größe. @media all and (max-device-width: 400px) @media all and (max-width: 400px) Was