[css-d] [media queries] support for *-device-pixel-ratio
Hello everybody, looking into the possibilities of CSS media queries I found several sources that recommend using /min-device-pixel-ratio/ (and friends) to check for high-resolution screens. Apparently this is implemented in the form of several prefixed versions in webkit, Opera and Gecko. Alas, the Media Queries CSS3-spec [1] does not mention it. Is this query supported? Will it be supported in the future? Is its usage recommended? As always, pointers, hints, nudges in the right direction are very much appreciated. Jørgen Lang [1]: http://www.w3.org/TR/css3-mediaqueries/ __ css-discuss [css-d@lists.css-discuss.org] 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/
Re: [css-d] [media queries] support for *-device-pixel-ratio
On 11/29/11 8:58 AM, Joergen W. Lang wrote: looking into the possibilities of CSS media queries I found several sources that recommend using /min-device-pixel-ratio/ (and friends) to check for high-resolution screens. Apparently this is implemented in the form of several prefixed versions in webkit, Opera and Gecko. Jørgen Lang [1]: http://www.w3.org/TR/css3-mediaqueries/ Nothing beats putting up a page and trying stuff out and personally seeing if whatever works or not. It probably does work in some situations for some authors particularly those who dwell in the twilight zone of setting desktop and laptop content fonts at less or far less than default... the 10px, 11px, and 12px for primary content crowd, for example. Authors who may not be in that crowd may find that this will do the trick for desktop, laptop, tablets, and mobile handsets meta name=viewport content=width=device-width. I don't think there is a definitive answer to your question, other than that-- it depends. ~d -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ __ css-discuss [css-d@lists.css-discuss.org] 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/
Re: [css-d] [media queries] support for *-device-pixel-ratio
Am 29.11.11 17:11, schrieb David Laakso: On 11/29/11 8:58 AM, Joergen W. Lang wrote: looking into the possibilities of CSS media queries I found several sources that recommend using /min-device-pixel-ratio/ (and friends) to check for high-resolution screens. Apparently this is implemented in the form of several prefixed versions in webkit, Opera and Gecko. [...] I don't think there is a definitive answer to your question, other than that-- it depends. Oh, sorry. Let me rephrase. My initial questions Is this query supported? Will it be supported in the future? Is its usage recommended? were referring to support/endorsement by any official specification or recommendation. Did I miss something? Yet, if anybody out there knows more, I'd appreciate your answer. Jørgen Lang __ css-discuss [css-d@lists.css-discuss.org] 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/
Re: [css-d] [media queries] support for *-device-pixel-ratio
On Nov 30, 2011, at 6:16 AM, Joergen W. Lang wrote: Is this query supported? Will it be supported in the future? Is its usage recommended? were referring to support/endorsement by any official specification or recommendation. Did I miss something? Yet, if anybody out there knows more, I'd appreciate your answer. As far as I can tell, those queries are not yet part of any official document. Presumably it will go into a future css4-mediaqueries module (I see no reason why it wouldn't happen, given extensive prefixed browsers support, but my crystal ball is rather cloudy and I can't see the future :-( ) Note that Opera – as of 10.5 – uses a slightly different value that Gecko/WebKit: @media screen and (min--moz-device-pixel-ratio: 1.5), screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio: 3/2) Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] 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/