Wie Sie Tabletts, nicht aber IE9 mit einer Medienabfrage ansprechen

8

Ich stelle fest, dass IE9 Tablet-Stile für meine Website annimmt.

%Vor%

Die obige Medienabfrage wird in IE9 angewendet, wenn die Browserbreite 1024 px beträgt.

Nachdem ich einige Nachforschungen angestellt hatte, fand ich die folgende Frage / Lösung und es bietet eine Erklärung, warum dies geschieht.

Medienabfrage funktioniert nicht in IE9

  

Nach allem, was ich sagen kann, kommt es darauf an, dass IE9 nicht interpretiert   "min-device-width" und "max-device-width".

     

Laut Ссылка ist dies der Fall   nicht unterstützen diese Eigenschaften, nur "min-width" und "max-width".

     

Außerdem Ссылка   gibt an, dass der Browser Eigenschaften ignorieren soll, die er tut   nicht erkennen. Nicht so mit IE9 scheint es.

Ich habe auch diese Frage gefunden: Gemeinsame Haltepunkte für Medienabfragen auf einem Responsive Site , aber es gibt mir keine Lösung.

Wie kann ich mein Stylesheet nur auf Tablets und nicht auf Desktop-Browser wie IE9 mit einer Breite von 1024 Pixeln anwenden?

    
Tom 15.03.2013, 12:45
quelle

1 Antwort

2

Sie müssen dieses Meta-Tag in <head> Ihres Dokuments hinzufügen:

%Vor%

Und dann in deinem CSS kannst du ersetzen:

  • min-device-width mit min-width
  • max-device-width mit max-width .
tw16 15.03.2013 13:36
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Probleme beim Verständnis von zeitweiligen Inkonsistenzen beim Laden von Daten mit SSIS-Paket