CSS-Medienabfragen auf dem iPad 3 (oder dem neuen iPad)

Question

Gibt es einen Unterschied bei der Anwendung der CSS Media Queries zur Erkennung des iPad 3 oder des neuen iPads?

Auch das iPad 1 und iPad 2 haben die Gerätebreite in beiden Ausrichtungen auf 768px zurückgesetzt. Ist das auch auf dem iPad 3 so?

Answer 1

die Medien-Abfragen für die neue iPad (oder iPad 3) bleibt nahezu gleich. Also, wenn Sie für min-Gerät-Breite als 768px überprüfen, würde es immer noch für das neue iPad arbeiten. Um jedoch eine spezifischere Abfrage zu geben, können Sie die Gerätebreite zwischen 1536 px und 2048 px überprüfen.

Dort auf die Verwendung von CSS Media Queries in http://itunes.apple.com/in/app/designmobileweb/id486198804?mt=8

Answer 2

Ich glaube es ist.

Wenn Sie sich über die Auswirkungen der weiteren Erhöhung der Pixelauflösung des neuen Retina-Display sind besorgt, dann fügen Sie folgendes Element Ihrer Seite Kopf:

<meta name="viewport" content="width=device-width, maximum-scale=1.0" /> 

diesen Artikel mit sehr nützlichen Informationen über die Ansichtsfenster Dimensionen Erfassung:

http://www.htmlgoodies.com/beyond/webmaster/toolbox/article.php/3889591/Detect-and-Set-the-iPhone--iPads-Viewport-Orientation-Using-JavaScript-CSS-and-Meta-Tags.htm

Answer 3

Das neue iPad meldet die same device-width als die ersten und zweiten iPads (768) ein sehr gutes Tutorial ist.