CSS Media Queries

E322195
CSS feature responsive design technique

CSS Media Queries is a CSS feature that enables responsive web design by applying different styles based on characteristics like screen size, resolution, and device orientation.

Try in SPARQL Jump to: Surface forms Statements Referenced by

All labels observed (7)

Label Occurrences
CSS Media Queries canonical 1
CSS media feature queries 1
CSS media queries 1

Statements (49)

Predicate Object
instanceOf CSS feature ⓘ
responsive design technique ⓘ
allows conditional application of CSS rules ⓘ
backedBy all modern browsers ⓘ
definedBy World Wide Web Consortium ⓘ
surface form: W3C
enables responsive web design ⓘ
introducedConcept media feature ⓘ
mediaFeature aspect-ratio ⓘ
color ⓘ
color-gamut ⓘ
device-aspect-ratio ⓘ
device-height ⓘ
device-width ⓘ
grid ⓘ
height ⓘ
hover ⓘ
orientation ⓘ
pointer ⓘ
prefers-color-scheme ⓘ
prefers-reduced-motion ⓘ
resolution ⓘ
scan ⓘ
width ⓘ
mediaType print ⓘ
screen ⓘ
speech ⓘ
partOf CSS ⓘ
surface form: Cascading Style Sheets
primaryPurpose apply different styles based on media features ⓘ
relatedTo CSS Grid Layout Level 1 Editor’s Draft ⓘ
surface form: CSS Grid Layout

flexbox layout ⓘ
responsive images ⓘ
viewport meta tag ⓘ
specifiedIn CSS Conditional Rules Module Level 3 ⓘ
surface form: Media Queries Level 3

CSS Media Queries self-linksurface differs ⓘ
surface form: Media Queries Level 4

CSS Conditional Rules Module Level 3 ⓘ
surface form: Media Queries Level 5
standardizedIn CSS ⓘ
surface form: CSS3
supportsLogicalOperators and ⓘ
comma-separated list (or) ⓘ
not ⓘ
only ⓘ
syntaxExample @media (max-width: 600px) { ... } ⓘ
usedFor accessibility preferences handling ⓘ
adapting layout to viewport size ⓘ
adapting typography to device characteristics ⓘ
desktop-first design ⓘ
mobile-first design ⓘ
supporting high-DPI displays ⓘ
usesAtRule @import ⓘ
@media ⓘ

Referenced by (7)

Full triples — surface form annotated when it differs from this entity's canonical label.

CSS Device Adaptation Module → relatedTo → CSS Media Queries ⓘ
Editor’s Drafts → relatedTo → CSS Media Queries ⓘ
this entity surface form: Media Queries Level 4 Editor’s Draft
W3C CSS specifications → defines → CSS Media Queries ⓘ
this entity surface form: CSS media queries
W3C CSS specifications → defines → CSS Media Queries ⓘ
this entity surface form: CSS media feature queries
Open Web Platform → hasComponent → CSS Media Queries ⓘ
this entity surface form: Media Queries
CSSOM View Module → definesInterface → CSS Media Queries ⓘ
this entity surface form: MediaQueryList
CSS Media Queries → specifiedIn → CSS Media Queries self-linksurface differs ⓘ
this entity surface form: Media Queries Level 4