CSS3 Media Queries

CSS @media handheld

This particular version will target the iPhone (and any other device with a screen of max-device-width of 480px.

Apple, for the iPhone, though this is from memory so I can't be entirely sure of its accuracy, chose to disregard the use of handheld or mobile stylesheets, since it, and other iOS devices, were capable of rendering css more or less on a par with desktop browsers, via Safari. For other devices I'm unsure, exactly, how faithful they are, though the A List Apart article (linked-to above) gives a brief run-through of some.

Edited in response to comment, from @Colen:

Hmm, it looks like a lot of new mobile devices have higher resolutions (e.g. droid X is 854x480). Is there any way to detect those? I don't think those are being handled with this query.

Thankfully, the W3C created media queries as part of the CSS3 specification, improving upon the promise of media types. A media query allows us to target not only certain device classes, but to actually inspect the physical characteristics of the device rendering our work. For example, following the recent rise of mobile WebKit, media queries became a popular client-side technique for delivering a tailored style sheet to the iPhone, Android phones, and their ilk.

So I presume that they, Android devices, must be target-able by @media-queries, but, as noted, I'm unable to say with any certainty.

Interesting facts
  • The Capitalist Conspiracy is a 1969 film by G. Edward Griffin. It is inspired by Cleon Skousen's book The Naked Capitalist.
    The film theorizes a conspiracy upheld by big government through money control by citing books as Tragedy and Hope by Carroll Quigley, Philip Dru: Administrator by Edward M. House, The Strawberry Statement by James Simon...
You might also like
University of Pangasinan Mass Communication Comedy Show
University of Pangasinan Mass Communication Comedy Show ...
CAREERS IN JOURNALISM – BA,MA,Mass Communication
CAREERS IN JOURNALISM – BA,MA,Mass Communication ...
Perpetual Help Home Room officers 2011 (Mass communication)
Perpetual Help Home Room officers 2011 (Mass communication)
O'Reilly Media Building iPhone Apps with HTML, CSS, and JavaScript: Making App Store Apps Without Objective-C or Cocoa
Book (O'Reilly Media)
  • ISBN13: 9780596805784
  • Condition: New
  • Notes: BRAND NEW FROM PUBLISHER! 100% Satisfaction Guarantee. Tracking provided on most orders. Buy with Confidence! Millions of books sold!
The DIEmond of Mass Communications
The DIEmond of Mass Communications
Weapons of mass communication
Weapons of mass communication
RedFlag Multi-Channel Mass Communication System
RedFlag Multi-Channel Mass Communication System
Related Posts