CSS: Media Queries

gistfile1

<!-- Via Link Tag -->
<link rel="stylesheet" href="handheld.css" media="only screen and (max-device-width:480px)"/>

<!-- Via CSS Media Queries -->
<style type="text/css">

    /* Width */
    @media (max-width: 1024px) { body {width: 1024px;} } /* Landscape */
    @media (max-width: 768px) { body {width: 768px;} } /* Portrait */

    /* Width & Orientation */
    @media (max-device-width: 1024px) and (orientation: landscape) { body {width: 1024px; } 
    @media (max-device-width: 768px) and (orientation: portrait) {  body {width: 768px; } 

    @media only screen and (max-device-width: 480px) {
        /* CSS goes here… */
    }

</style>