Media queries für iPad vs iPad Luft

Gibt es 2 Gute Diskussionen über @media Abfragen auf StackOverflow schon. Einer von Ihnen ist der hier: CSS-media-queries arbeiten für iPad2, iPad Air, Samsung Galaxy, große Bildschirme, aber nicht den üblichen desktop-Bildschirmen.

Diese Diskussion fand vor dem Aufkommen des iPad Air. Das iPad Air hat einen viewport von 2048 x 1536. Ich kann nicht finden die webkit-min-device-pixel-ratio. Ich will Gegner die Luft, speziell, weil meine AJAX-Website schrumpft auf die halbe Größe. Diese Seite ist gedacht für die Landschaft nur.

So...

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
(-webkit-min-device-pixel-ratio: 1.0)

-> Ziele der alten iPad 2

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
(-webkit-min-device-pixel-ratio: 2.0)

-> Ziele der iPad 3 & 4 Netzhaut, aber es ist nicht das Ziel der Air -

Ich habe versucht, Variationen des

@media only screen 
and (min-device-width : 1536px) 
and (max-device-width : 2048px) 
and (-webkit-min-device-pixel-ratio: 2.0)

um zu versuchen, die Luft zu reagieren. Wer da draußen hat Erfahrung in der Entwicklung für die neuen Airs?

Es ist Safari, die rendering-half-size auf die Luft. Nicht Chrome. Wie machst du eine browser-Erkennung?

InformationsquelleAutor Lilian | 2014-11-14

Schreibe einen Kommentar