- From: John Foliot - Stanford Online Accessibility Program <jfoliot@stanford.edu>
- Date: Thu, 5 Jun 2008 11:29:24 -0700
- To: "'John Colby'" <John.Colby@bcu.ac.uk>, "'Cindy Sue Causey'" <butterflybytes@gmail.com>, "'Shawn Henry'" <shawn@w3.org>
- Cc: "'WAI Interest Group'" <w3c-wai-ig@w3.org>
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
JF
Received on Thursday, 5 June 2008 18:30:08 UTC