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.

Media queries funktioniert nicht in Chrome, aber in Firefox?

Anzahl der Antworten 2 Antworten
Die Website, die ich bin derzeit arbeiten, ist nicht Kommissionierung bis mein styling für Geräte unter 480px in chrome, aber in firefox, chrome, ist die Kommissionierung bis die media queries für 800 Pixel und 1200px und ich

CSS media queries und !wichtig

Anzahl der Antworten 6 Antworten
Ich habe eine website, die mithilfe von @media-Abfragen, aber es scheint sich nicht zu Ihnen gesetzt. Sie behalten dabei immer die Standard-Formatvorlage. Beispiel: #div1 { background:red} @media screen and (max-height:912px) { #div1{background:blue} } wird immer stick mit

Media queries für tablet-min-Auflösung und max Auflösung

Anzahl der Antworten 3 Antworten
Arbeitet derzeit an einem responsive-design-website. Ich benutze media query für das targeting auf verschiedene Geräte basierend auf der Breite und Bildschirmauflösung. Habe ich ein Szenario waren, wollte ich die Bildschirmauflösung auf Ziel-die Geräte, aber ich verstehe nicht,

wie könnte sich ändern, element-Klasse im media query

Anzahl der Antworten 2 Antworten
<button id='123' type="button" class="btn btn-xs btn-danger"> <i class="fa fa-trash"></i> </button> @media only screen and (min-width: 600px) { .... } Ich hoffe, dass in min-width:600px , ändern Sie die Button-id= " 123 " class="btn btn-lg btn-danger" Bitte Helfen

sagen Sie html-doc nicht zu laden, js, wenn die mobile-Gerät

Anzahl der Antworten 5 Antworten
Ich bin keck suchen ein oder zwei Zeilen code auf die fliege hier: Könnte jemand so freundlich, geben Sie code in den head-Bereich der html-doc sagt, dass, wenn die mobile dann nicht laden JS? Diese verwendet wird

CSS media queries ein-und ausblenden von Seitenelementen .

Anzahl der Antworten 2 Antworten
Ich bin irgendwie neu zu codieren mit media queries, und ich denke, dass ich gemalt habe mich in eine Ecke, die Verwendung von zu vielen Medien-Anfragen (und wahrscheinlich auch in der falschen Art und Weise). Was ich

Gewusst wie: Debuggen von css-inside verschiedenen Medien-Anfragen mit Firebug und Chrome-Developer-tools?

Anzahl der Antworten 4 Antworten
Gewusst wie: Debuggen von css zur Orientierung:portrait in Chrome Developer tools? Was auch immer ich Schreibe, innen (orientation:portrait) können nicht bearbeitet werden on the fly " von Firebug und Chrome-Developer-tools. Es zeigt immer die normalen Eigenschaften. /*normal

Mobile Ausrichtung ändern Sie nicht die Anwendung von CSS

Anzahl der Antworten 5 Antworten
Teste ich eine website entwickle ich und bin mit media queries. Wenn ich testen und anpassen der Seite in einem browser, wird alles gut. Aber wenn ich den test auf meinem mobilen Gerät habe ich ein problem

media queries für 13 Zoll monitor

Anzahl der Antworten 2 Antworten
mein layout funktioniert im großen Monitoren.... aber ich versuche, um die korrekte Anzeige im small-screen-laptops.... welche Breite sollte ich verwenden müssen Sie in der css-media queries für das 13-Zoll-monitor... ich bin verwirrt, abt Breite für 13-Zoll-laptop @media

Haltepunkte mit bourbon neat-Netz

Anzahl der Antworten 3 Antworten
Ich bin versucht, ordentlich für bourbon, und ich habe die meisten Dinge aussortiert, aber ich bin zu schlagen, einige Straßen blockiert, wenn es darum geht, den Bruchstellen. Ich Mach lieber getrennte sass-Dateien für mobile, tablet, desktop &

Aufruf der externen JS-Datei basierend auf der "media screen" Wert

Anzahl der Antworten 3 Antworten
Ich versuche dies, aber es funktioniert nicht: <html> <head> <script src="js/menu-collapser.js" type="text/javascript" media="media screen and (max-width: 599px)"></script> </head> ... </html> //menu-collapser.js : jQuery(document).ready(function($){ $('.main-navigation li ul').hide(); $('.main-navigation li').has('ul').click(function() { $(this).children().toggle(); }); }); Haben Sie eine Idee, wie

CSS-media-query auf dem iPhone

Anzahl der Antworten 2 Antworten
Ich versuche, verwenden Sie eine CSS media query, die speziell auf das iPhone. Es funktioniert, wenn ich einen regulären link rel: <link rel="stylesheet" type="text/css" href="css/mobile.css" /> Jedoch, wenn ich versuche, diese media query funktioniert es nicht: <link

Media query-auf Ziel iphone/Mobiltelefon/ipad

Anzahl der Antworten 3 Antworten
Ich bin mit media query auf Ziel iphone/ipad/mobile. Habe ich Folgendes geschrieben-media-query. Aber mein problem ist, wenn ich Schreibe, css-media-query-mobile "max-device-width : 480px" wird es auch für iphone. Ist, bin ich falsch??? For mobile : like samsung

Warum wird mein CSS-media-query ignoriert oder überschrieben?

Anzahl der Antworten 3 Antworten
Das treibt mich in den Wahnsinn! Ich habe ein paar Fragen auf Stackoverflow und sehen, dass ein ID-element hat Vorrang gegenüber einem class-element (das ist gut zu wissen, aber ich habe das Gefühl, das ist nicht mein

CSS Media Queries auf Nexus 7-display-Auflösung funktioniert nicht in der code

Anzahl der Antworten 3 Antworten
Arbeite ich mit CSS-Media-Queries zum laden von verschiedenen Vorlagen für unterschiedlich große Geräte. Ich erstellte eine Tabelle mit der display-Auflösung der Tests-Geräte und die meisten gängigen Geräte kommen mit der Größe cut-offs. Eines der Geräte, die ich

CSS-Media-Query nicht funktioniert in css-Datei

Anzahl der Antworten 2 Antworten
Hinzugefügt, diese Zeile in index.html: <link href="css/style.css" media="all "rel="stylesheet" type="text/css" /> Und dies ist mein Media Query CSS: /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

Media queries funktioniert nicht auf Iphone aber fein, auf browser-resize

Anzahl der Antworten 4 Antworten
Hallo ich bin derzeit mit einem Vorformulierten Thema als Knochen auf WordPress, aber Im habend Probleme macht, das responsive Menü funktioniert auf meinem Iphone. Wenn ich manuell ändern, das Menü scheint zu funktionieren den media-query im Einsatz

Safari media Query für ipad

Anzahl der Antworten 2 Antworten
@media only screen and (min-width: 768px) and (max-width:1199px) {} Ich möchte die Media-query-nur für den safari-browser für die angegebene Größe der Geräte. @media screen und (-webkit-min-Gerät-pixel-Verhältnis:0) - und (min-width: 768px) and (max-width:1199px) { ::ich-block-Chrom.allsearch-select{display:none;} } immer noch

wie man die Größe eines iframe? (css media queries?)

Anzahl der Antworten 1 Antworten
Hallo Leute, ich bin auf der Suche, um die Größe einer iframe-je nach Größe des browser-Fensters, aber ich bin alles drehte sich um, als auch die Höhe und Breite. Würde WIRKLICH zu schätzen eine Erklärung, wo ich

Kann eine Feste Breite website werden gemacht responsive mit media queries?

Anzahl der Antworten 1 Antworten
Habe ich eine website. Es ist die Feste Breite. Ich bin auf der Suche nach einigen tutorials zu machen, reaktionsschnell Weg ohne mich machen es Flüssigkeit. Ist es möglich? Kann ich media queries, um mobile/tab/touch-Gerät kompatibel Webseiten

Probleme der Positionierung von Elementen mit float in ein responsive design

Anzahl der Antworten 2 Antworten
Arbeite ich an einer responsive-website, und ich lief in einige Probleme dabei das layout. Ich brach das problem auf die wenigen Zeilen möglich. Wenn das Fenster größer ist dann 909px ich will meine zweite Inhalt (content2) direkt

Targeting Bestimmte Auflösung, CSS-Media-Query

Anzahl der Antworten 2 Antworten
Ich habe eine verrückte web-app geht, mit allen Arten von dynamischen Höhen und breiten und vertikal zentriert Zeug. Es sieht gut aus auf so ziemlich jede Auflösung außer 1366 x 768 Pixel und 1280 x 800. Ich

So blenden Sie ein <div> mit media queries?

Anzahl der Antworten 2 Antworten
Ich versuche zu verstecken, eine gewisse nur auf meinem ipad-und mobile-Versionen meiner Website. Ich habe es versteckt, aber es ist nicht wirklich "gegangen", wenn das Sinn macht? die position ist bis nur unsichtbar. Gibt es einen Weg,

Indem Sie die Animationen deaktivieren bei Verwendung von @Media-Query

Anzahl der Antworten 1 Antworten
Ich würde gerne stoppen Sie alle Animationen auf allen mobilen Geräten. Wie würde ich mich um diese Aufgabe? this könnte hilfreich sein. Alles, was Sie würde tun müssen, ist, aktivieren Sie diesen Prozess, wenn der useragent ist

CSS media queries für Breite oder Höhe

Anzahl der Antworten 1 Antworten
Legte ich ein logo in die Mitte von einem full-screen-Seite. img.logo { width: 920px; height: 552px; position: absolute; top: 50%; left: 50%; margin-left: -460px; margin-top: -276px; } Dies gut funktioniert. Nun möchte ich in verschiedenen Größen auf

Media queries für iPad vs iPad Luft

Anzahl der Antworten 1 Antworten
Gibt es 2 Gute Diskussionen über @media Abfragen auf StackOverflow schon. Einer von Ihnen ist der hier: CSS-media-queries arbeiten für iPad2, iPad Air, Samsung Galaxy, große Bildschirme, aber nicht den üblichen desktop-Bildschirmen. Diese Diskussion fand vor dem

Vertical Media Query Funktioniert Nicht

Anzahl der Antworten 1 Antworten
Meine Bildschirm-Auflösung 1240x768 aber die einzige Medien-Abfrage, die erkennt, in meinem browser ist, wenn ich die minimale Höhe auf 300px, die Abfrage scheint keinen Effekt haben, wenn ich es auf alles, was größer als 300px. Das macht

ändern viewport-meta-tag mit jquery

Anzahl der Antworten 3 Antworten
Ich Frage mich, ob es möglich ist, fügen Sie ein meta-tag mit jquery eine html-Seite, bevor die Seite geladen wird. Der Grund, warum ich Frage, ist weil ich habe eine Seite mit nicht-viewport-meta-tag auf und es sollte

media query für min-height

Anzahl der Antworten 6 Antworten
Möchte ich schreiben, Medien-Abfrage, basierend auf Bildschirmauflösung. Meine Bildschirm-Auflösung Höhe 768. Ich schrieb media query wie: @media(min-height:768px) and (max-height:850px) { .video-contain{ margin-top:110px; } } Meine obige media query funktioniert nicht.margin-top ist nicht vor eingestellt. Ich schrieb media-query

Responsive CSS mit display:none und media queries

Anzahl der Antworten 1 Antworten
Ich bin sicher, dies ist eine ziemlich grundlegende Frage, also Entschuldigung im Voraus, wie ich bin neu in diesem. Arbeite ich an einer web-app, die entworfen ist, um sein mobile-first. Wie alle meine ersten layouts für kleine

CSS media Query funktioniert nicht auf dem ipad im Querformat (Bootstrap)

Anzahl der Antworten 1 Antworten
Ich benutze folgende media query für meine Website @media (max-width: 976px) {} Ich finde, dass wenn ich meine Website http://46.32.253.11/ auf dem ipad 3 im landscape-Modus die Navigations-Taste, erscheint im portrait-Modus funktioniert nicht und meine navbar ist

CSS media queries funktioniert nicht überall

Anzahl der Antworten 6 Antworten
Ich bin versucht, verschiedene CSS-Stylesheets für verschiedene layouts (wie Sie bereits erraten, aus dem Titel) aber leider nichts funktioniert. Ich habe versucht, das laden der CSS-Datei <link rel="stylesheet" href="css/medium-main.css" type="text/css" media="screen and (max-width: 800px)" /> in den

Was ist die media query für große desktops?

Anzahl der Antworten 4 Antworten
Ich bin mit media query für den normalen desktop-Bildschirm und idt sollte nicht für größere Bildschirme. Aber unter dem media-query angewendet, die zu großen desktop-Bildschirm auch. Bitte korrigieren Sie meine Medien-Abfrage, Für alle Hilfe vielen Dank im

Viewports, user-scalable=yes und media queries

Anzahl der Antworten 2 Antworten
Übernahm ich den Aufbau einer website, in dem wurde NICHT entworfen, um auf mobilen Geräten überhaupt. Der client muss in der Lage sein zumindest die Navigation durch die Website über ein mobiles Gerät, so bin ich versucht

CSS media queries für iPhone

Anzahl der Antworten 2 Antworten
Ich habe eine Webseite, die angezeigt wird auf den desktop und auf einem iPhone mit media queries dienen verschiedene stylesheets so zum Beispiel, laden Sie IMMER zurückgesetzt.css, aber wenn auf desktop legen desktop.css als gut, aber wenn

Bootstrap 3 mit respond.js und html5shiv.js funktioniert es immer noch nicht auf IE8

Anzahl der Antworten 4 Antworten
Habe ich eine website mit Bootstrap 3 und arbeitet perfekt auf allen Browsern außer dem IE8. Es ist das problem, wo die media queries werden nicht unterstützt, so dass der Inhalt erstreckt sich als wenn es wurde

Em-Basierten CSS-Media-Query Zeigt Kleinere Auflösung Als Erwartet Auf Mobilen Ios-Safari

Anzahl der Antworten 2 Antworten
Arbeite ich an einem neue website mit em-basierten CSS-media-queries. In der Vergangenheit habe ich immer verwendet px-basierte media queries. Ich wollte etwas neues ausprobieren. Ich habe die Dinge in der Weise, dass die meisten Handys (in hoch),

Media queries, bootstrap und css3-mediaqueries-js - ist der Medientyp (screen, handheld, etc) optional?

Anzahl der Antworten 1 Antworten
Habe ich begonnen, eine neue responsive web-Projekt auf Basis von twitter bootstrap framework (Einschiffung auf ein WENIGER Lernkurve zur gleichen Zeit) und den ich getroffen habe, ein Problem mit dem IE und media queries. Als IE7 &

media query für 320px und weniger

Anzahl der Antworten 2 Antworten
Schreibe ich ein media-query für eine web-Seite und schaffte es, schreiben Sie media queries für 480px und mehr. Aber wenn ich Schreibe, media query für 320px es funktioniert nicht richtig. Ich will die portrait-Ansichten von den meisten

PHP-Bedingungen, je nach Fensterbreite (media queries?)

Anzahl der Antworten 5 Antworten
Ich habe eine responsive website, und ich muss einige PHP-Bedingungen, je nach der windows-Breite (oder media queries). Beispiel: if ($window_width > 1400px) { echo 'Your window is wider than 1400px'; } elseif ($window_width > 1000px) AND ($window_width

Bootstrap-mehrere Auflösungen alle layout-inline media query CSS für responsive design, einschließlich Android, iphone und web asp.net

Anzahl der Antworten 2 Antworten
Ich habe eine fertige website, es ist in Ordnung, die in browser jetzt. Ich wurde gebeten, es zu machen, kompatibel mit Android, iPhone, iPad, Tablets und web etc. Ich bin mit bootstrap asp.net. Nun bin ich versucht,

Responsive Media Queries - Wo setze ich welchen code?

Anzahl der Antworten 6 Antworten
Wird dies mein erstes fully responsive Website, damit habe ich mich umgeschaut und fand die basic-media-Abfragen am unteren Rand der post, das scheint zu passen die meisten Geräte, die in irgendeiner Weise oder form. Begann ich den

Die Verwendung von screen.Breite und Fenster.devicePixelRatio zu erkennen, mobile und/oder retina-displays ist dies ein schlechter Ansatz?

Anzahl der Antworten 2 Antworten
Ich entwickle eine website für ein Geschäft. Es ist nicht eine web-Anwendung von einer Strecke der Phantasie, aber ich möchte, dass es ok Aussehen auf mobilen Geräten, anstatt einfach skalieren der desktop-version. Nach viel Forschung in den

Wie Sie festlegen, media query für safari web-browser

Anzahl der Antworten 1 Antworten
@media only screen and (min-width: 480px) and (max-width: 767px) { } Hier ist mein Medien-Abfrage, wie es zu beheben. wie für web-browser safari. InformationsquelleAutor Pavnish Yadav | 2015-03-18

CSS media queries für das Iphone 7 und 7 plus

Anzahl der Antworten 2 Antworten
Brauche ich, um zu überprüfen, einige zusätzliche CSS-spezifischen iphone 7 & 7 plus, nicht das iphone 6 und das iphone 7 haben gleiche Abmessungen Höhe /Breite? Wenn möglich, erwähnen Sie bitte die media-query. InformationsquelleAutor Vivek Kumar |

Samsung S7 Media Queries

Anzahl der Antworten 4 Antworten
Ich versuche, diese media queries für S7 und es funktioniert nicht irgendwelche anderen Empfehlungen? @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) { /* Style */ } Nicht die Verwendung bestimmter

css für verschiedene Bildschirmauflösungen?

Anzahl der Antworten 3 Antworten
Wenn ich die Option html-Code auf 2 verschiedenen Systemen mit verschiedenen Auflösungen dann der Blick ist verzerrt. Gibt es eine Möglichkeit, die Berechnung der Bildschirm-Breite und Höhe zur Laufzeit ? ich keine Erfahrung mit css, aber Tat

Mithilfe von Media Queries mit Class-Namen der Webseite Ändern Breite

Anzahl der Antworten 2 Antworten
Habe ich eine mobile Anwendung, die ich will, zu Blasen, bis full-screen. Twitter Bootstrap gibt mir die Größe für Smartphones, tablets und alle, Informationen. Ich würde gerne eine CSS-Klasse, um alle die verschiedenen Arten von Größen. Ich

Media Query für die HTML5-App für Alle Geräte

Anzahl der Antworten 2 Antworten
Alle Haben ein Idee , die über alle Medien-Anfragen das wird helfen, zu erkennen, die einzelnen Geräte wie: iOS,iPhone 5 , iPhone Ratina-display , android mobile. , ipad, tablets atc ? InformationsquelleAutor iDev Technolab | 2014-03-13

Kann nicht wählen Sie html-text

Anzahl der Antworten 5 Antworten
Habe ich ein eigenartiges problem. Einige HTML-text auf meiner Seite wird nicht auswählbare und seiner Verankerung Nachkommen werden nicht anerkannt, wenn schwebte (Getestet im chrome). Müssen Sie einige Voraussetzungen erfüllen, um zu verursachen, dass es geschehen wird.