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: