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
|