Web platform features explorer - prefers-reduced-data media query

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.

Status

Limited availability

MDN documentation

prefers-reduced-data

Specifications

Media Queries Level 5 (#prefers-reduced-data), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome ❌ See bugs.chromium.org/p/chromium/issues/detail?id=1051189 crbug.com/40118365
Chrome Android ❌ See crbug.com/40118365
Edge ❌ See crbug.com/40118365
Firefox ❌
Firefox for Android ❌
Safari ❌ Vendor position : unknown (concerns: privacy)
Safari on iOS ❌ Vendor position : unknown (concerns: privacy)

Surveys

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer votes

👍
6

Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist