Posted By

paul66 on 01/27/11

Tagged

css
mobile

Versions (?)

Last Edited at 01/27/11 04:16am

Statistics

Viewed 763 times

Favorited by 1 user(s)

Related snippets

Device orientation

/ Published in: CSS

These are just two css media queries you may want to use for your website development. With lots of smart-phones, and tablets being able to orientate their screens from landscape to portrait, you may want to include different styles for each. This is how you would go about achieving this.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

@media all and (orientation:portrait) {
    /* Style adjustments for portrait mode goes here */
}
 
@media all and (orientation:landscape) {
    /* Style adjustments for landscape mode goes here */
}