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.

Learning resources on MDN

• prefers-reduced-data

Browser support

• Chrome ❌
• Chrome Android ❌
• Edge ❌
• Firefox ❌
• Firefox for Android ❌
• Safari ❌ Vendor position (concerns: privacy)
• Safari on iOS ❌ Vendor position (concerns: privacy)

Edit this feature - Report an issue about this feature