This is a test of conditional links based on the media.

e.g. a mobile device with a small screen versus a netbook versus a regular desktop PC.

However, this gets confused on a mobile with very large Y-resolutions e.g. Orange San Francisco which is 480x800.

If you are on a machine with a big screen, the background should be pink/purple
If you are on a netbook, the background should be yellow
If you are on a mobile device, the background should be cyan
If you are using a browser which does not support this, the background should be white

JavaScript 'measurements' appear here

Test results October 2009

MacOSX
- Safari 4.0.3 - works
- Firefox 3.5.3 - works
iPod Touch
- Safari - works
Linux (Fedora Core 10/11)
- Firefox 3.0.1.4 - fails
- Firefox 3.5.3 - works
- Konqueror 4.3.1 - works
WindowsXP
- Safari - not yet tested
- Firefox - not yet tested
- Chrome - not yet tested
- IE - not yet tested

The code on this page was derived from info at http://www.alistapart.com/articles/putyourcontentinmypocket/ . More complete information about media queries is at http://www.w3.org/TR/css3-mediaqueries/