Optimizing for Handheld Devices - 15 O

Three options for mobile representation of a website

1. Make your site so good that it is functional for both desktop and mobile.
2. Have CSS style the HTML pages based upon the viewing device (desktop or mobile).
   • can be embeded in the common CSS style sheet; "@media ..."
   • can be referenced and determined by media Queries:
     <link rel="stylesheet" type="text/css" media="only screen and (min-device-width: 1025px)" href="desktop.css" /> <link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 1024px)" href="mobile.css" />
3. Make two versions of the site, one for Desktop and the other for Mobile, and use a detection method to determin which is accessing it.
• JavaScript
• PHP, ASP, Cold Fusion