prefers-reduced-data media query
Limited availability
The prefers-reduced-data
CSS media query detects whether the user has a preference for using less network traffic. For example, you can use this media query to avoid loading large font files and use a system font instead.
To learn more, see
prefers-reduced-data at MDN.
Compatibility
- Chrome ❌ Search for bugs Search for Chromestatus entry
- Chrome Android ❌ Search for bugs Search for Chromestatus entry
- Edge ❌ Search for bugs Search for Chromestatus entry
- Firefox ❌ Search for bugs Search for standards position
- Firefox for Android ❌ Search for bugs Search for standards position
- Safari ❌ Search for bugs Search for standards position
- Safari on iOS ❌ Search for bugs Search for standards position