On May 31, 2011, at 10:16 AM, Alan Gresley wrote:
> This has me thinking. IE9 supports this for my display.
>
> @media screen and (device-aspect-ratio: 16/9) { … }
Yes that is part of the spec, so it should support it.
(that media query is not so useful imho for general website development. Maybe
for specialised applications, or in the future, with html 5 full screen
supports - video ?)
> Then I look at this spec.
>
> http://dev.w3.org/csswg/css3-mediaqueries/
>
> I see no mention of device-pixel-ratio. I understand that on a big display
> device (1920x1080 res / 16:9 ratio) there may be many more device-pixels. The
> thing that I don't understand is how this can be a ratio of something and how
> this relate to some minimum threshold.
min-device-pixel-ratio is an extension, hence most rendering engines implement
it with a prefix. It is quite interesting to target mobile devices, where the
screen resolution is much higher (250+ ppi) and where there is not necessarily
a 1 to 1 relation between css pixel and device pixel. Think iPhone4 where the
relation is to 2 to 1. You can eventually load higher res bitmap graphics on
those high res devices, scale them down and have them appear very sharp [1]. Of
course, for graphics that are basically line-art, one could go the svg route -
no need to worry about resolution at all.
See PPK on the subject:
http://www.quirksmode.org/mobile/viewports.html
(and some other articles on his site)
[1] or for the case where the user zooms in ?
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
