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
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
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/
