Compare Revisions

CSS media queries

Change Revisions

Revision 437845:

Revision 437845 by mnoorenberghe on

Revision 439869:

Revision 439869 by timdream on

Title:
CSS media queries
CSS media queries
Slug:
Web/Guide/CSS/Media_queries
Web/Guide/CSS/Media_queries
Tags:
"NeedsMobileBrowserCompatibility", "CSS Reference", "NeedsBrowserCompatibility", "CSS Référence", "css", "Responsive Design", "Media queries"
"NeedsMobileBrowserCompatibility", "CSS Reference", "NeedsBrowserCompatibility", "CSS Référence", "css", "Responsive Design", "Media queries"
Content:

Revision 437845
Revision 439869
n157      Most media features can be prefixed with "min-" or "man157      Most media features can be prefixed with "min-" or "ma
>x-" to express "greater or equal to" or "less than or equal >x-" to express "greater or equal to" or "less than or equal 
>to" constraints.  This avoids using the "<" and ">"&nb>to" constraints.  This avoids using the "<" and ">"&nb
>sp;symbols, which would conflict with HTML and XML.&nbs>sp;symbols, which would conflict with HTML and XML.&nbs
>p; If you use a media feature without specifying a value, the exp>p; If you use a media feature rewithout specifying a value, the e
>ression resolves to true if the feature's value is non-zero.>xpression resolves to true if the feature's value is non-zero.
tt396</pre>
397    <p>
398      To replace the old <span style="font-family: 'Courier New',
 > 'Andale Mono', monospace; line-height: normal;">(min-device-pixe
 >l-ratio: 2)&nbsp;</span><span style="line-height: 1.572;">syntax:
 ></span>
399    </p>
400    <pre style="font-size: 14px;">
401@media screen and (min-resolution: 2dppx) { ... }

Back to History