A CSS media feature describes an aspect of the output environment, letting a media query respond to viewport size, orientation, resolution, or pointer precision. section 7.2.1
Common media features include:
- Use min-width and max-width to target viewports above or below a threshold. section 7.2.1
- Use height, orientation, and resolution features to adapt layouts or imagery. section 7.2.1
- Use pointer: coarse or pointer: fine to adjust controls for touchscreen or precise pointing devices. section 7.2.1
@media (min-width: 320px) and (max-width: 560px) { … }
Combines two media features so a rule applies only when both viewport conditions match. section 7.2.1
