iPad Specific CSS Media Queries

Glenn Glenn's Blog 0 Comments

Here are the Media Queries for targeting your iPad in portrait or landscape mode:-

[css]

/* iPad in Landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* CSS Styles */
}
/* iPad in Portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* CSS Styles */
}

[/css]

To target the Old iPad 1/2 iPad Mini

[css]
@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1)
[/css]
About the Author
iPad Specific CSS Media Queries iPad Specific CSS Media Queries 0da77002febbfe28d15144a57bbcc2c9 s 180 d mm r g

Glenn

A highly experienced WordPress Web Developer, Front-end and Back-end Developer & New Media Specialist with extensive knowledge of a wide spectrum of technologies in the Development and Creative Industries built up over a number of years.

Leave a Reply

Your email address will not be published. Required fields are marked *