@media syntax / possible combinations

2019-07-11 19:35发布

问题:

I've seen some of these...:

@media print { ... }
@media screen, handheld, print, projection { ... }
@media all { ... }
@media all and (property:value) { ... }
@media screen and (property:value) { ... }
@media only screen and (property:value) { ... }
@media screen and (property:value) and (property:value) { ... }
@media screen and (property:value), tv and (property:value) { ... }

...but I'd like to know the exact syntax / all possible combinations for media queries because I'm modifying a CSS parser.

Many Thanks!

回答1:

Check this link out: http://www.w3.org/TR/CSS2/media.html

It looks like it has the possible options that you are looking for.



回答2:

Here's the latest W3C recommendation on media queries:

http://www.w3.org/TR/css3-mediaqueries/