Published at
Updated at
Reading time
1min

This one is a real brain teaser. 🙈

Kilian Valkhof published Detecting media query support in CSS and JavaScript and I had to read it a few times to understand its logic.

In short: that's how you can detect if a browser supports prefers-reduced-data CSS media query:

/* Apply if prefers-reduced-data is supported */
@media not all and (prefers-reduced-data), (prefers-reduced-data) {
  ...
}

In long: read Killian's post.

Was this snippet helpful?
Yes? Cool! You might want to check out Web Weekly for more snippets. The last edition went out 14 days ago.
Stefan standing in the park in front of a green background

About Stefan Judis

Frontend nerd with over ten years of experience, freelance dev, "Today I Learned" blogger, conference speaker, and Open Source maintainer.

Related Topics

Related Articles