John Colby wrote: > What's happened to the CSS "@media handheld" or the media handheld in > the link declaration? Are these used? > > John **Presumption: the iPhone is the "handheld poster-child"** According to Apple's Developer site for iPhone: "You can tailor the style of your webpages by providing a style sheet that adapts to iPhone. The CSS 3 media query allows you to do just that. There are several types of queries including print, handheld, and screen. iPhone ignores the print and handheld media queries because these types do not supply high-end content. So the screen query is what you need to use. To specify a style sheet that is just for iPhone without affecting other devices, you use the only keyword in combination with the screen keyword, as follows: <link media="only screen and (max-device-width: 480px)" href="small-device.css" type="text/css" rel="stylesheet" > Older browsers ignore the only keyword and won't read your iPhone style sheet. To specify a style sheet for devices other than iPhone, use an expression similar to the following: <link media="screen and (min-device-width: 481px)" href="not-small-device.css" type="text/css" rel="stylesheet" > For more information on media queries, see: * http://www.w3.org/TR/css3-mediaqueries/" [source: http://developer.apple.com/iphone/ NOTE: requires signing up for an account] On the docket for "play", but at this time I do not have any practical hands-on experience. HTH JFReceived on Thursday, 5 June 2008 18:30:08 GMT
This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 2 June 2009 18:49:54 GMT