Support
All modern browser support Media Queries. Internet Explorer supports it in IE9. All modern mobile browsers are supported, including Blackberry 7.0 and 10.0.
Features
A media query syntax is made up by a media type and zero or more expressions.
Available media types:
- all
- All devices listen to this
- braille
- Used for braille tactile feedback devices.
- embossed
- Used for paged braille printers.
- handheld
- Used for handheld devices (Smartphones and tablets do NOT listen to this!).
- print
- Used for paged material and for documents viewed on screen in print preview mode.
- projection
- Used for projected presentations, for example projectors.
- screen
- Used primarily for color computer screens and smartphones.
- speech
- Used for speech synthesizers.. (Whatever that may be)
- tty
- Used for media using a fixed-pitch character grid (such as teletypes, terminals, or portable devices with limited display capabilities).
- tv
- Used for television-type devices (low resolution, color, limited-scrollability screens, sound available).
Available expressions:
- width
- The width of the current window
- height
- The height of the current window
- device-width
- The width of the device
- device-height
- The height of the device
- orientation
- Either landscape or portrait
- aspect-ratio
- The aspect ratio of the current window
- device-aspect-ratio
- The aspect ratio of the device
- color
- The number of color bits per color component
- color-index
- The number of available colors on the device
- monochrome
- The number of bits per pixel in a monochrome frame buffer
- resolution
- The resolution of the device
- scan
- Eiter progressive or interlace
- grid
- Is the device grid-based?
Media types
-
Of course browsers don't behave the way we expect to do. Most important; the handheld media type is not used by smartphones and tablets. Smartphones respond to screen. So in effect, the handheld media type is quite useless. The TV media type doesn't work with a Boxee Browser. Google TV also doesn't respond to it. The only browser I've come across is the Wii browser, powered by Opera.
Of course browsers don't behave the way we expect to do. Most important; the handheld media type is not used by smartphones and tablets. Smartphones respond to screen. So in effect, the handheld media type is quite useless. The TV media type doesn't work with a Boxee Browser. Google TV also doesn't respond to it. The only browser I've come across is the Wii browser, powered by Opera.
