Return to Snippet

Revision: 40169
at January 27, 2011 04:16 by paul66


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

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

Initial URL


Initial Description
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.

Initial Title
Device orientation

Initial Tags
css, mobile

Initial Language
CSS