nicht angemeldet
Media Query mit min-width und min-screen-width am iPad
Hi alle,
ich baue gerade an einer responsiven Seite mit zwei Breakpoints: großer, mittlerer und kleiner Bildschirm.
Für den mittleren sieht mein Media Query so aus:
@media only screen and (max-width: 970px) and (min-width: 720px)
Das funktioniert im Desktop-Browser wie es soll. Das iPad sollte auf diese Parameter aber nur im Hochformat ansprechen -- tut das aber auch im Querformat (iPad 1 mit 1024x768 Pixeln).
Wenn ich "min-screen-width" statt "min-width" verwende, ist es genau umgekehrt: Dann sehe ich auch im Hochformat das Layout für große Bildschirme, der linke und rechte Rand sind angeschnitten.
Ist das immer so? Soll das so sein?
(Ich kann das natürlich per "orientation" abfangen, aber bevor ich das tue wollte ich sichergehen, dass ich nichts falsch mache oder falsch verstanden habe ...)
-- snorri
-
Hi!
(Ich kann das natürlich per "orientation" abfangen, aber bevor ich das tue wollte ich sichergehen, dass ich nichts falsch mache oder falsch verstanden habe ...)
Wirst du wohl auch müssen, da Apple entschieden hat, dass das iPad immer width als 768px und height als 1024px "meldet".
Google kann dir da auch weiterhelfen.
Oder du liest mal die markierte Antwort in diesem Posting.Gruß Gunther
-
Hallo Gunther!
Wirst du wohl auch müssen, da Apple entschieden hat, dass das iPad immer width als 768px und height als 1024px "meldet".
Ah ... das ist zwar lästig und ein bissel unverständlich, aber wenn man's weiß kann man damit wohl arbeiten. Danke!
-- snorri
-