Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

CSS Media Queries on iPad 3 (or the new iPad)

CSS Media Queries on iPad 3 (or the new iPad)

Problem

Is there going to be any difference in applying the Css Media Queries for detecting the iPad 3 or the new iPad?

Also the iPad 1 and iPad 2 returned device-width as 768px in both orientations. So is that the same on iPad 3 as well ?

Problem courtesy of: testndtv

Solution

The Media Queries for the new iPad (or iPad 3) remains almost the same. So if you check for min-device-width as 768px, it would still work for the new iPad. However, to give a more specific query, you can check for device-width between 1536 px and 2048 px.

There is a very good tutorial on using CSS Media Queries at http://itunes.apple.com/in/app/designmobileweb/id486198804?mt=8

Solution courtesy of: user1297293

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

CSS Media Queries on iPad 3 (or the new iPad)

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×