Programmierung media-queries

3

CSS-Medienabfragen: maximale Breite ODER maximale Höhe

Gibt es eine Möglichkeit, beim Schreiben einer CSS-Medienabfrage mehrere Bedingungen mit "ODER" -Logik anzugeben? Ich versuche so etwas zu tun: /* This doesn't work */ @media screen and (max-width: 995px OR max-height: 700px) { ... }

490 css media-queries

5

Was ist der Unterschied zwischen "Bildschirm" und "nur Bildschirm" bei Medienabfragen?

Was ist der Unterschied zwischen screenund only screenbei Medienabfragen? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> Warum müssen wir verwenden only screen? Bietet screenselbst nicht genügend Informationen, um nur für den Bildschirm gerendert zu werden ? Ich habe viele reaktionsfähige …

487 css media-queries

15

Medienabfragen: Wie ziele ich auf Desktop, Tablet und Handy ab?

Ich habe einige Nachforschungen zu Medienabfragen angestellt und verstehe immer noch nicht ganz, wie ich Geräte bestimmter Größen ansprechen soll. Ich möchte auf Desktop, Tablet und Mobile abzielen können. Ich weiß, dass es einige Unstimmigkeiten geben wird, aber es wäre schön, ein generisches System zu haben, mit dem diese Geräte …

470 css mobile media-queries tablet

18

Twitter Bootstrap 3: Wie verwende ich Medienabfragen?

Ich verwende Bootstrap 3, um ein ansprechendes Layout zu erstellen, in dem ich einige Schriftgrößen entsprechend der Bildschirmgröße anpassen möchte. Wie kann ich Medienabfragen verwenden, um diese Art von Logik zu erstellen?

371 css twitter-bootstrap media-queries

11

Können Medienabfragen basierend auf einem div-Element anstelle des Bildschirms in der Größe geändert werden?

Ich möchte Medienabfragen verwenden, um die Größe von Elementen basierend auf der Größe eines divElements zu ändern, in dem sie sich befinden. Ich kann die Bildschirmgröße nicht verwenden, da sie divnur wie ein Widget auf der Webseite verwendet wird und ihre Größe variieren kann. Aktualisieren Anscheinend wird derzeit daran gearbeitet: …

317 css media-queries

12

Ist es möglich, CSS @ media-Regeln inline zu setzen?

Ich muss Bannerbilder dynamisch in eine HTML5-App laden und möchte ein paar verschiedene Versionen, die den Bildschirmbreiten entsprechen. Ich kann die Bildschirmbreite des Telefons nicht richtig bestimmen. Daher kann ich mir nur vorstellen, Hintergrundbilder eines div hinzuzufügen und mit @media die Bildschirmbreite zu bestimmen und das richtige Bild anzuzeigen. Beispielsweise: …

293 html css media-queries

9

Was bedeutet @media screen und (max-width: 1024px) in CSS?

Ich habe diesen Code in einer CSS-Datei gefunden, die ich geerbt habe, aber ich kann keinen Sinn daraus machen: @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } } Was passiert konkret in der ersten Zeile?

245 css media-queries

8

Was ist der Unterschied zwischen maximaler Gerätebreite und maximaler Breite für mobiles Web?

Ich muss einige HTML-Seiten für iPhone / Android-Handys entwickeln, aber was ist der Unterschied zwischen max-device-widthund max-width? Ich muss verschiedene CSS für verschiedene Bildschirmgrößen verwenden. @media all and (max-device-width: 400px) @media all and (max-width: 400px) Was ist der Unterschied?

242 css mobile-website media-queries

5

@Media min-width & max-width

Ich habe dieses @mediaSetup: HTML : <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS : @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @media only screen and (max-device-width: 480px) { /* STYLES HERE …

224 css mobile media-queries

3

@ Media-Medienabfrage und ASP.NET MVC-Rasierersyntax kollidieren

Ich habe eine große Site, die in ASP.NET MVC mit der Razor View Engine ausgeführt wird. Ich habe ein Basis-Stylesheet, das das gesamte generische Styling für die gesamte Site enthält. Gelegentlich habe ich jedoch seitenspezifische Stile, die in <head>der Seite enthalten sind - normalerweise sind dies ein oder zwei Zeilen. …

214 css asp.net-mvc-3 razor media-queries

17

$ (Fenster) .width () entspricht nicht der Medienabfrage

Ich verwende Twitter Bootstrap für ein Projekt. Neben den Standard-Bootstrap-Stilen habe ich auch einige meiner eigenen hinzugefügt //My styles @media (max-width: 767px) { //CSS here } Ich verwende jQuery auch, um die Reihenfolge bestimmter Elemente auf der Seite zu ändern, wenn die Breite des Ansichtsfensters weniger als 767 Pixel beträgt. …

186 jquery css twitter-bootstrap media-queries

16

Warum funktionieren meine CSS3-Medienabfragen nicht?

In der Datei styles.css verwende ich Medienabfragen, die beide eine Variation von: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } Die Größe der Websites wird in einem normalen Browser (Safari, Firefox) auf das gewünschte Layout angepasst, wenn ich das Fenster …

182 html css media-queries mobile-website

11

IE8-Unterstützung für CSS Media Query

Unterstützt IE8 die folgende CSS-Medienabfrage nicht: @import url("desktop.css") screen and (min-width: 768px); Wenn nicht, wie wird alternativ geschrieben? Das gleiche funktioniert gut in Firefox. Probleme mit dem folgenden Code? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);

178 html css responsive-design internet-explorer-8 media-queries

19

CSS @ media-Druckprobleme mit Hintergrundfarbe;

Ich bin neu hier bei dieser Firma und wir haben ein Produkt, das kilometerlange CSS verwendet. Ich versuche, ein druckbares Stylesheet für unsere App zu erstellen, habe jedoch Probleme mit background-colorin @media print. @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0; } } Alles andere …

176 css media-queries

10

Bootstrap 3-Haltepunkte und Medienabfragen

In der Dokumentation zu Bootstrap 3-Medienabfragen heißt es: Wir verwenden die folgenden Medienabfragen in unseren Less-Dateien, um die wichtigsten Haltepunkte in unserem Rastersystem zu erstellen. Extra kleine Geräte (Telefone mit weniger als 768 Pixel): Keine Medienabfrage, da dies die Standardeinstellung in Bootstrap ist Kleine Geräte (Tablets, 768px und höher): @media …

169 twitter-bootstrap twitter-bootstrap-3 media-queries breakpoints

Als «media-queries» getaggte Fragen