On 12/26/10 9:05 PM, Philippe Wittenbergh wrote:
On Dec 27, 2010, at 10:41 AM, David Laakso wrote:
|It is not clear me from the specs [actually, not much is clear to me...
including the specs :-)] if these two media queries -- that share the same set
of styles -- might be combined; and, if so, how would the media query|//| be
written?
@media only screen and (max-width: 480px), only screen and (max-device-width:
480px) {
||/* Styles A */|
|}
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles A*/
}
You can chain multiple mq's with 'and':
@media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 480px)
{ /* style */ }
example that works in desktop webkit:
http://dev.l-c-n.com/_temp/mq35.html
Philippe
Hmm. Therein lies my confusion. Dare I try [yikes, what a mouthful] ???
@media only screen and (max-width: 480px), only screen and (max-device-width:
480px)
and @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen
and (min-device-pixel-ratio : 1.5) {
/* Styles A */
}
Thanks,
Quasimodo
--
http://chelseacreekstudio.com/
http://chelseacreekstudio.com/fa/
______________________________________________________________________
css-discuss [cs...@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/