Ich finde, dass IE9 Tablet-Stile für meine Website übernimmt.So zielen Sie Tabletts aber nicht IE9 mit einer Medienabfrage
Die obige Medienabfrage wird in IE9 angewendet, wenn die Browserbreite 1024 px beträgt.
Nachdem ich einige Nachforschungen angestellt habe, habe ich die folgende Frage/Lösung gefunden und sie bietet eine Erklärung, warum dies geschieht.
Media query not working in IE9
Von dem, was ich sagen kann, kommt es auf IE9 nicht "min-device-width" und "max-device-Breite" zu interpretieren.
Nach http://msdn.microsoft.com/library/ms530813.aspx es tut nicht diese Eigenschaften unterstützen, nur "min-width" und "max-width".
Darüber hinaus heißt es http://www.w3.org/TR/css3-mediaqueries/#error-handling , dass der Browser-Eigenschaften ignorieren soll, dass es nicht nicht erkennen. Nicht so mit IE9 scheint es.
Ich habe auch diese Frage gefunden: Common breakpoints for media queries on a responsive site, aber es gibt mir keine Lösung.
Wie kann ich mein Stylesheet nur auf Tablets und nicht auf Desktop-Browsern wie IE9 mit einer Breite von 1024 Pixeln anwenden?
@Tom: Hat diese Lösung geholfen? – tw16
Yeah hat geholfen, ich habe nicht bemerkt, dass du das tun konntest. Ich habe immer noch festgestellt, dass andere Browser die Tablets-Stile übernommen haben. Die Lösung, die ich gefunden habe, war https://github.com/barisaydinoglu/Detectizr, um Tablets zu erkennen und dann das Stylesheet manuell zu laden. Ich würde noch weitere Nachforschungen anstellen. – Tom
Es tut mir leid, ich habe die Frage falsch verstanden. Ich wusste nicht, dass Sie nur das CSS auf Tablets anwenden und nicht auf Computer mit Bildschirmen, die die gleiche Größe wie die Tablets haben. Gibt es aus Interesse einen Grund, warum Sie gezielt Tablets ausrichten möchten? Wären die Tablet-Stile nicht genauso nützlich für kleine Computerbildschirme? – tw16