Statements (52)
| Predicate | Object |
|---|---|
| gptkbp:instanceOf |
gptkb:website
|
| gptkbp:allows |
Conditional CSS rules
|
| gptkbp:characteristic |
gptkb:government_agency
Color depth Device orientation Screen height Screen width |
| gptkbp:combines |
Logical operators
|
| gptkbp:detects |
Aspect ratio
Color scheme preference Display mode Grid support Hover capability Light level Pointer accuracy Reduced motion preference Scripting support User preferences |
| gptkbp:enables |
Accessibility improvements
Dark mode support Adaptation to device characteristics Device-specific styling Progressive enhancement |
| gptkbp:example |
@media (hover: none) { ... }
@media (max-width: 600px) { ... } @media (min-resolution: 2dppx) { ... } @media (orientation: landscape) { ... } @media (pointer: coarse) { ... } @media print { ... } |
| gptkbp:firstPublished |
2012
|
| gptkbp:hasSyntax |
@media rule
|
| gptkbp:hasVersion |
Level 4 (latest as of 2024)
|
| https://www.w3.org/2000/01/rdf-schema#label |
CSS Media Queries
|
| gptkbp:introducedIn |
gptkb:CSS3
|
| gptkbp:logicalOperators |
or
and not only |
| gptkbp:purpose |
Responsive web design
|
| gptkbp:relatedTo |
Mobile-first design
Feature queries Viewport |
| gptkbp:specifies |
https://www.w3.org/TR/css3-mediaqueries/
https://www.w3.org/TR/mediaqueries-4/ |
| gptkbp:standardizedBy |
gptkb:W3C
|
| gptkbp:supportedBy |
Modern web browsers
|
| gptkbp:target |
Print media
Screen media Speech media |
| gptkbp:usedIn |
Cascading Style Sheets
|
| gptkbp:bfsParent |
gptkb:CSS_Working_Group
|
| gptkbp:bfsLayer |
4
|