anyone know if any cool snippets for targeting ipads at different orientations like portrait and landscape view? l am currently using this snippet from css tricks website but it doesn't seem to be working well for me at the minute. CSS @media only screen and (min-width: 604px) and (max-width: 966px) and (orientation: portrait){ } Any ideas how l can specify different styles for the portrait and lanscape view please? @Guil Hernandez (https://teamtreehouse.com/guil)

Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Posted January 19, 2015 3:37pm by

css for potrait and landscape ipad views

anyone know if any cool snippets for targeting ipads at different orientations like portrait and landscape view? l am currently using this snippet from css tricks website but it doesn't seem to be working well for me at the minute.

@media only screen and (min-width: 604px) and (max-width: 966px) and (orientation: portrait){ 
}

Any ideas how l can specify different styles for the portrait and lanscape view please? Guil Hernandez

1 Answer

January 19, 2015 3:51pm

You can take a look at those CSS media queries for iPads. Also it includes media queries for iPhones.

CSS Media Queries for iPads & iPhones

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.