CSS Media Queries

E322195

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.

All labels observed (8)

How this entity was disambiguated

Statements (49)

Predicate Object
instanceOf CSS feature ⓘ
responsive design technique ⓘ
allows conditional application of CSS rules ⓘ
backedBy all modern browsers ⓘ
definedBy 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 Cascading Style Sheets ⓘ
linked to: CSS
primaryPurpose apply different styles based on media features ⓘ
relatedTo CSS Grid Layout ⓘ
flexbox layout ⓘ
responsive images ⓘ
viewport meta tag ⓘ
specifiedIn Media Queries Level 3 ⓘ
Media Queries Level 4 ⓘ
linked to: CSS Media Queries

Media Queries Level 5 ⓘ
standardizedIn CSS3 ⓘ
linked to: CSS
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 ⓘ

How these facts were elicited

Referenced by (9)

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 → Media Queries Level 4 Editor’s Draft ⓘ
linked to: CSS Media Queries
W3C CSS specifications → defines → CSS media queries ⓘ
linked to: CSS Media Queries
W3C CSS specifications → defines → CSS media feature queries ⓘ
linked to: CSS Media Queries
Open Web Platform → hasComponent → Media Queries ⓘ
linked to: CSS Media Queries
CSSOM View Module → definesInterface → MediaQueryList ⓘ
linked to: CSS Media Queries
CSS Media Queries → specifiedIn → Media Queries Level 4 ⓘ
linked to: CSS Media Queries
CSS Conditional Rules Module Level 3 → relatedTo → Media Queries Level 3 ⓘ
linked to: CSS Media Queries
CSS Conditional Rules Module Level 3 → relatedTo → Media Queries Level 4 ⓘ
linked to: CSS Media Queries