mozilla

Compare Revisions

CSS media queries

Change Revisions

Revision 379815:

Revision 379815 by Dbs on

Revision 379817:

Revision 379817 by Dbs on

Title:
CSS media queries
CSS media queries
Slug:
CSS/Media_queries
CSS/Media_queries
Tags:
"NeedsMobileBrowserCompatibility", "CSS Reference", "NeedsBrowserCompatibility", "css", "Responsive Design", "Media queries"
"NeedsMobileBrowserCompatibility", "CSS Reference", "NeedsBrowserCompatibility", "css", "Responsive Design", "Media queries"
Content:

Revision 379815
Revision 379817
t26      You can compose complex media queries using logical operatot26      You can compose complex media queries using logical operato
>rs, including <code>not</code>, <code>and</code>, and <code>only<>rs, including <code>not</code>, <code>and</code>, and <code>only<
>/code>. The <code>and</code>&nbsp;operator is used for combining >/code>. The <code>and</code>&nbsp;operator is used for combining 
>multiple <a href="#Media_features" title="#Media_features">media >multiple <a href="#Media_features" title="#Media_features">media 
>features</a> together into a single media query, requiring each c>features</a> together into a single media query, requiring each c
>hained feature to return true in order for the query to be true. >hained feature to return true in order for the query to be true. 
>The <code>not</code> operator is used to negate an entire media q>The <code>not</code> operator is used to negate an entire media q
>uery. The <code>only</code> operator is used to apply a style onl>uery. The <code>only</code> operator is used to apply a style onl
>y if the entire query matches, useful for preventing older browse>y if the entire query matches, useful for preventing older browse
>rs from applying selected styles. Both the <code>not</code> and t>rs from applying selected styles. If you use the <code>not</code>
>he <code>only</code> operators require a media type in order to b> or <code>only</code> operatorsyou <em>must</em> specify an exp
>e evaluated<code>all</code> is not implied.>licit media type.
27    </p>
28    <p>27    </p>
29      In addition, you can combine multiple media queries in a co28    <p>
>mma-separated list; if any of the media queries in the list is tr 
>ue, the entire media statement returns true. This is equivalent t 
>o an <code>or</code> operator. 
29      You can also combine multiple media queries in a comma-sepa
 >rated list; if any of the media queries in the list is true, the 
 >entire media statement returns true. This is equivalent to an <co
 >de>or</code> operator.

Back to History