View Single Post
Posts: 3,401 | Thanked: 1,255 times | Joined on Nov 2005 @ London, UK
#4
Reggie - there's a couple interesting articles on A List Apart discussing pocket device otpimisations (specifically iPhone): Part 1 and Part 2.

One interesting point covered in Part 1 is the ability to load a style sheet based on the horizontal device resolution, ie:
Code:
<link media="only screen and (max-device-width: 480px)" 
    href="iPhone.css" type="text/css" rel="stylesheet" />
A device width of 800px might catch a few desktop PCs but by and large I reckon it would be safe to use that method for Internet Tablet specific style sheets (assuming the media query attribute is understood by Microb/Opera).

EDIT: Looks like media querys are Safari specific and don't work in MicroB (Mozilla RFE for Media Query support).

Last edited by Milhouse; 2007-11-12 at 21:15.