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.
CSS Media Queries und der Größe der Bilder
3 Antworten
Ich bin derzeit auf der Umsetzung der CSS-Media-Queries in meinem WordPress-blog und ich Frage mich, gibt es irgendwelche bekannten Methode, wie könnte ich die Größe eines blog-Bild mit einer Breite von 400-600px passen in eine Bildschirmauflösung von
css3-mediaqueries.js -> Wie man aus google-code?
2 Antworten
Ich bin mit der HTML5Shiv von google-code auf meiner Website. Ich bin auch es so ... <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> Ich auch css3-mediauqeris.js das ist auch verfügbar auf der google code. Allerdings kann ich nur den download-link für die
@media-Abfrage-Gerät - wie zum Porträt eines css -, Landschafts-andere?
1 Antworten
Wie kann ich zwei verschiedenen @media-query css-stylesheets für ein Gerät. So, dass, wenn Sie es im portrait-es actives one Und wenn in Landschaft, aktiviert es ein anderes. Meinem Fall: Ich versuche eine Seite zu erstellen, die funktioniert
Wie nutzen Sie media Queries für android-Geräte mit android version 2.2.1 und 2.3.5 und Ihre Bildschirm-Größe von 240 * 320 und Bildschirm-Größe von 480 * 800?
1 Antworten
Ich hatte um ein Bild zu verwenden die Größe 304 * 250. Es arbeitet perfekt in der Display-Größe von 320 * 480 und einer Bildgröße von 720 * 1280. Nun, Wenn ich wollte, zu prüfen, das gleiche
Samsung Galaxy S5 media query
3 Antworten
Ich getan habe, ein bisschen zu suchen und habe versucht ein paar verschiedene Dinge, aber für das Leben von mir ich kann nicht scheinen zu speziell für das Samsung Galaxy S5. Ich bin nur spielen, um mit
Gmail-Responsive E-Mail - Media Queries - Style-Tag
1 Antworten
Finden Sie hier: Responsive E-Mails auf Gmail-app (Android) Ich versuche zu bauen, ein responsive E-Mail für den Einsatz in allen E-Mail clients. Gmail ist Strippen meine style-tags aus dem Kopf/Körper und die Abfragen sind daher ebenfalls entfernt.
jQuery, Medien-Anfragen: Bedingte Funktion auf bestimmte Geräte-Breite (arbeiten auf Größe ändern)
2 Antworten
Ich habe eine fluid-grid-layout. Ich brauche einige Spalten (weniger notwendig - wie Twitter-updates) "VERSTECKT" werden auf kleineren Auflösungen und "GEZEIGT" auf, klicken Sie auf die überschrift. Hier ist, was ich habe, so weit: HTML <div id="wrapper"> <div
CSS media queries (mobile, tablets, und Bildschirmen)
1 Antworten
Ich versuche, die Bewegung zu einem Reaktionsschnell Entwickler (anstelle einer festen). Ich habe versucht zu verstehen, Medien-Anfragen, wie spät und mit einiger Verwirrung. Der test ist einfach: Will ich ändern, die hintergrund Farbe in rot, für mobile,
Wie Sie kontrollieren, drucken Schriftgröße
1 Antworten
Ich bin so dass meine Benutzer drucken, aber die Leistung ist viel zu groß (ich habe manuell anpassen, zu über 60% in den print-dialog). Ich benutze ein css-media-query (unten) zur Steuerung der Inhalte und haben versucht, die
Die empfohlenen Größen für Media Queries, zur Abdeckung tablets Handys laptops und desktops
2 Antworten
Was sind die besten Media-Query-Größen verwenden, um sicherzustellen, dass Sie haben gezielte tablets, Handys, laptops und desktops so gut Sie können? Beispiel: Das iPhone und Droid haben eine Bildschirmgröße von 320X480, deshalb wäre es gut, stellen Sie
Browser nicht erkannt max-device-width
2 Antworten
Ich bin Implementierung von responsive web-design für meine Website. Dafür bin ich mit @media-queries für anzeigen von verschiedenen Ansichten auf verschiedenen Geräten. Für Testzwecke bin ich mit dem web developer toolbar für firefox und responsive Website view-add-on
Responsive design-layout-CSS-Menü-position überlappt header-logo
2 Antworten
Ich will es so wenn das Fenster 800px Breite oder darunter blendet das Menü <div> und zeigt die Menü-Symbol ☰ und bei Klick auf das Symbol ich das Menü angezeigt werden soll in ein ordentliches layout so,
Einstürzende Bootstrap-Responsive Navbar Früher
1 Antworten
Hallo, ich bin mit einem responsive mit bootstrap navbar in meinem blogger-blog. Mein problem ist, dass es häufen sich sehr hässlich beore der Punkt erreicht, wo es nicht Zusammenbruch. Habe ich versucht zu überschreiben, die Medien-Abfrage, nun
3 media queries für iphone portrait -, Landschafts-und ipad-portrait
5 Antworten
Habe ich versucht, die verschiedenen Kombinationen von width & device-width aber auf dem iPhone im Querformat-dieser code nie stellt sich der hintergrund rot; Ich habe ein problem wenn ich mehr als 1 media query. Sehen Sie diese
Reset Bild Breite und Höhe über css
3 Antworten
Ich versuche zu schaffen, ein fluid-layout in html, mit Bildern. Für jetzt, ich unterstütze 2 Größen für das layout. Das Standard-layout wird verwendet, um anzuzeigen, eine 1000px Breite Seite. Wenn der Bildschirm breit genug ist (breiter als
Gewusst wie: ausblenden/entfernen einer Klasse basierend auf Bootstrap-media-query-breakpoints?
3 Antworten
Ist es möglich, zum ein - /ausblenden eine Klasse basierend auf der Bildschirmgröße des Gerätes? Ich bin mit bootstrap Standard-media-query. Ich habe diese Standard-Einstellung: /* Bootstrap Media Query Breakpoints /* Custom, iPhone Retina */ @media only screen
Gelten nur für IE 11 in den media query für Bildschirm-Größe
2 Antworten
Momentan habe ich folgende Breite spezifischen media query. @media only screen and (max-width: 1920px) { .toggleMultiSelect .filter { width: 566px; } } Aber die Breite für".toggleMultiSelect .filter die änderungen im IE und Chrome/Firefox. Also im Grunde muss
Media query für hochauflösende mobile 1080px (Xperia Z, etc.)
3 Antworten
Ich versuche in den Griff zu bekommen mit media queries für verschiedene Geräte. Ich habe versucht mein neues Sony Xperia Z Handy und zeigt in full-scale-Website-format wegen der hohen Auflösung. Wie füge ich ein Medien-Abfrage, um die
Media queries funktioniert nicht auf mobilen
2 Antworten
Ähnliche Fragen wurden hier gestellt, bevor, aber nach dem Lesen durch Sie habe ich noch nicht eine Antwort gefunden, die funktioniert mit meiner Website. Hab ich baute die Website um, Bootstrap, aber fügte einige meiner eigenen media
Twitter Bootstrap 3.0 - zentriert Suchfeld
3 Antworten
Arbeite ich in Bootstrap 3.0 wenn Sie versuchen, eine Google-artige such-box, die ein "Suche Hilfe" - link, nachdem Sie den Absenden-button. Mein problem: wenn ich gehen reaktionsschnell Weg verliere ich meine offset-Margen und der Taste auf die
Min-width und Max-width css media queries
2 Antworten
<link href="css/mobile-large.css" media="all and (min-width: 481px) and (max-width: 760px)" rel="stylesheet" type="text/css" /> Sollte nicht, dass Codezeile tun, so dass das stylesheet "mobile-groß.css" geladen wird, wenn mit einem Samsung Galaxy Nexus mit 720px in der Breite? Allerdings ist
Wie man die Größe von einem Formular/Tabelle mit media queries
2 Antworten
Hier ist mein code: <form name="htmlform" method="post" action="html_form_send.php"> <div id="table"> <table width="400px" style="margin-top: 50px; margin-left: 20px; color: #FFF"> </tr> <tr> <td valign="top"> <label for="name">Name *</label> </td> <td valign="top"> <input type="text" name="name" maxlength="50" size="30" style="margin-bottom: 10px"> </td> </tr>
Responsive web design-Haltepunkte? Warum entwickelt für 1280, 1024, 640?
2 Antworten
Erhielt ich ein website-layout in Photoshop für drei verschiedene Auflösungen: 1280, 1024 und 640 Pixel in der Breite. Meine Erfahrung mit RWD ist etwas eingeschränkt, ich würde gerne besser verstehen, wie ein web-designer sollte denke in Bezug
Responsive media query funktioniert nicht in Google Chrome
6 Antworten
Ich geschrieben habe, ein Stück CSS-code zu flüssig wechseln mein Website-layout-Breite basierend auf dem Benutzer-Bildschirm Breite. Wenn der Benutzer weniger Bildschirm Immobilien zur Verfügung, die layout-Breite erhöht zu füllen mehr des Fensters und lassen weniger Leerraum, und
Erkennen-Bildschirm Breite mit CSS Media Queries
3 Antworten
Ich vermute, dass da Sie dies tun können mit Media Queries: @media (min-width:500px) { … } Dass bei einigen oder anderen Punkt, den CSS-stylesheet muss wissen, welche Breite der Bildschirm ist, und das ohne Javascript. Ist das
modernizr für den ie8 media query Unterstützung
3 Antworten
Ich bin auf der Suche mit modernizr für unterstützende media-query im ie8. Könnten Sie bitte ein Beispiel implementieren die gleichen. Hatte ich auch einen Blick auf Respond.js, aber ich fand es ein bisschen kompliziert mit allen CDN-Zeug.
Css3 Media Query funktioniert nicht mit max-width
1 Antworten
Ich habe versucht, Sie zu verstecken, ein element auf eine max-Breite von 980px Verwendung von media queries, aber für einige Grund es ist immer noch die Anzeige. Wenn ich eine media query mit min-width die element verschwindet
Wie verwenden Sie CSS-Medienabfragen, um scale-hintergrund-Bild auf Anzeige-Fenster
2 Antworten
Habe ich dieses große Bild als hintergrund für eine website: body { background: #000 url(/assets/img/living.jpg) no-repeat center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; } Aber auf meinem mobilen Gerät (iPhone 4S
Media Queries - Generic Responsive Templates
3 Antworten
Ich möchte zum erstellen von generischen responsive templates, die media-queries ich verwenden, wenn ich will, zu erkennen, alle Geräte-Größen? InformationsquelleAutor 4EACH | 2014-03-13
Outlook 2007 bis 2013, Anzeige von Device Media Queries
4 Antworten
Entwickelte ich eine eigene E-Mail-Vorlage verwendet, die eine Medien-Abfrage, um Zielgeräte, die kleiner als 480px. Die E-Mail sieht aus und zeigt perfekt in jeder E-Mail-client und Plattform - Google Mail, Yahoo! Hotmail, Apple Mail, Thunderbird, Outlook 2003,
Media Queries: Bildschirm - > 1024
3 Antworten
Ich versuche, gelten die media queries eine Website, aber meine knownledge ist nicht tief in diesem Thema, also grundsätzlich will ich anwenden, einen bestimmten Stil für den tag, wenn der ermittelte Bildschirm größer als 1024*768. Habe ich
CSS-Media-Queries als Browser Ändert?
1 Antworten
Ich denke, CSS-media-Abfragen nicht funktioniert, als user die Größe des browser? Der Benutzer muss die Seite aktualisieren, für die Medien-Abfrage, um wirksam? Wie kann ich ein update für die media-query-vielleicht mit JS? derzeit nutze ich JS zu
reaktionsschnell @media-query zu entfernen Stylesheets
2 Antworten
Ich bin nicht vertraut mit den @media-Abfragen, und das, was ich versuche zu erreichen, ist eine ansprechende Entfernung/änderung bestimmter CSS, wenn die Anzeige im browser verkleinert wird, die unterhalb einer bestimmten Auflösung, oder ein mobiles Gerät anzeigen,
Holen Sie sich native Bildschirm-Auflösung mit jQuery
4 Antworten
Ich würde gerne die native Bildschirm-Breite auf ein Gerät zum Anhängen von Skripts in der DOM. Ist es möglich mit jQuery ? Dank InformationsquelleAutor thomas-hiron | 2012-12-23
Zurb Foundation 3 - Volle Breite Abschnitte & Verändern-Max Breite?
3 Antworten
Im mit ZURB Foundation 3 auf ein Projekt von mir. Ich Liebe grid Systemen und responsive Webseiten, aber mein Problem ist, dass ich immer noch stark glauben, dass Sie gebaut werden sollte breiter als 1000px. Habe ich
Responsive CSS für Handys/kleine Bildschirme
1 Antworten
Ich versuche zu setup ein basic-responsive wordpress-theme. Um zu beginnen, nahm ich das toolbox-theme aus wordpress.org und Hinzugefügt twitter bootstrap responsive css/js. Ich Hinzugefügt einige grundlegende test-styles, gerade zur Reduzierung der Polsterung auf die kleineren Bildschirme und
Media Queries - Mobile vs Desktop-Browser
2 Antworten
Habe ich gesehen, dass viele Websites, die reagieren sowohl auf desktop-Browsern und Handy-Browsern, ich arbeite gerade an einer Website und ich habe die folgende stylesheet-setup: (Das Hicks-Design-website ist ein gutes Beispiel dafür, was ich erreichen wollen, wenn
Media query tablet portrait und unten
2 Antworten
Ich wissen, wie man media queries für tablets Porträt und eine für Handys. Aber, ist es möglich, nur man nur mit media query für alle: Tabletten portrait und Handys ? /* tablets portrait */ @media only screen
Media queries nicht wirksam auf browser-resize
2 Antworten
Bin ich mit media queries um eine mobile version einer website für einen Kunden. Wenn ich die Größe des browser, die media queries nicht wirksam werden, Sie stellen jedoch wirksam, wenn die Website betrachtet wird auf jedem
Wie für eine bestimmte Bildschirmgröße Verwendung von @media-query?
5 Antworten
Ich bin neu in responsive design, ich bin liebäugelt mit twitter bootstrap-responsive.css. Und ich bin auf einige Probleme mit meinem Projekt. Das Problem ist, meine linke Spalte werden nicht zusammenbrechen (wenn das der richtige Begriff) oder nicht
media query pixel-Dichte und max-width zusammen
2 Antworten
Ich versuche eine Regel erstellen, die beinhaltet/schließt auf der Basis von max-width und device-pixel-ratio. Ein Beispiel würde sein, wenn ich will das Kindle Fire @ 600px ausgeschlossen werden, aber das iPhone5 @640 (kleineren realen Welt Bildschirm) ausgelöst
css media queries: mobile Zielgeräte, ohne Angabe von Breite, pixel-ratio, etc
3 Antworten
Sagen wir, ich möchte nur Ziel jedes tablet und Handy, unabhängig von der Größe, gibt es eine media query für dieses? Ist es möglich dies zu tun ohne die Angabe einer Größe? Oder ist mit Größe der
Respond.js nicht lokal arbeiten - Unterstützung für media queries in IE8
2 Antworten
Ich Schreibe eine html-Seite mit bootstrap3 Vorlage einschließlich der respond.js in, aber wenn ich es auf IE8, es gibt mir eine Fehlermeldung "Zugriff verweigert" in der Konsole. Ich bin mit diesem zu machen, IE8 unterstützen media queries.
Eine Möglichkeit zum ausblenden von Tabellen in HTML-e-mail, inline-css - nur um Ihnen zu zeigen, später über eine media-query
7 Antworten
Arbeite ich an meinem ersten mobile-template für eine E-mail, die Verwendung von media queries. So weit So gut, media queries ist cool und ich werde sicherlich mit diesem in meiner web-design-Projekte von nun an. Jedoch, ich bin
Nexus 5 Media Queries?
3 Antworten
Ich versuche zu schreiben, ist eine mobile Website für college mittels CSS-media-Abfragen, aber wenn ich versuche, den Gegner das Nexus 5 mit: @media only screen and (min-width : 20em) (Denken Sie daran 20em = 320px) funktioniert es
"background-size: cover" nicht cover Handy-Bildschirm
4 Antworten
Habe ich ein Foto-hintergrund auf meiner Website mit background-size:cover. Es funktioniert für die meisten Teil, aber hinterlässt einen seltsamen ~30px weißen Raum auf meinem Galaxy S3 im portrait-Modus. Ich habe anbei einen screenshot. Die 1px teal Linie
Set Drucker Papier Größe über css
5 Antworten
Mein Drucker Standardgröße ist A4,und ich brauche zu drucken Lohnabrechnung in der Größe 8.5inx5.5in mit der alten dot-matrix-Drucker. Ich versuchte, zu jeder Lohnabrechnung DIV in einer festen Höhe, width: 175.6mm; height:123.7mm; margin-left:auto; margin-right:auto; Obwohl es passen die
min-width media query funktioniert nicht auf dem ipad?
5 Antworten
Warum nicht folgende media query wird abgeholt, auf dem iPad im landscape-Modus? @media all and (min-device-width: 1000px) { css here } Oder @media all and (min-width: 1000px) { css here } Möchte ich das css-target-beliebigen browser die
Wie zu verwenden > oder < (Größer als und Kleiner als ) Symbole in Medien-Anfragen
3 Antworten
Können wir die "" >" oder "<" Zeichen(Größer als und Kleiner als ) in media queries? zum Beispiel würde ich gerne ausblenden, Tauchen, für alle Monitore, die weniger als 768px. kann ich sagen, einige Sache wie diese:
so spezifizieren Sie ein anderes Bild in css, je nachdem, ob der Benutzer besucht, die auf einem desktop oder einem mobilen browser
3 Antworten
Nur eine Frage zu css für mobile Geräte, habe ich ein Bild, das 1260px Breite auf meiner website und wenn ich mir es auf dem Handy ist es destorts der website, wie der rest der website basiert