⇐ Home

css-media-resolution "Can I use..." widgets

Allows a media query to be set based on the device pixels used per CSS unit. While the standard uses min/max-resolution for this, some browsers support the older non-standard device-pixel-ratio media query.

What browser do support css-media-resolution widget

Add this code to your website
<script data-feature="css-media-resolution" defer src="https://cdn.caniusewidgets.com/scripts/overviewtable.js"></script>
to display the following widget

How many browsers globally do support css-media-resolution widget

Add this code to your website
<script data-feature="css-media-resolution" defer src="https://cdn.caniusewidgets.com/scripts/browsersupport.js"></script>
to display the following widget

Is css-media-resolution supported in my browser widget

Add this code to your website
<script data-feature="css-media-resolution" defer src="https://cdn.caniusewidgets.com/scripts/single.js"></script>
to display the following widget
caniusewidgets.com/css-media-resolution
Change caniuse.com to caniusewidgets.com to get to this page

Other interesting features:

Give feedback
All feature data is provided by caniuse.com