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 (7)

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 (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 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