W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > April to June 2008

RE: People with disabilities using mobile devices to interact with the Web

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>
Message-ID: <001b01c8c73a$14ddf420$d23142ab@stanford.edu>

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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 19 July 2011 18:14:28 GMT