What percentage of mobile browsers support CSS media queries?

6
votes

I'm developing a new website with mobile support, and I want to try using "responsive design"/"adaptive design"/CSS media queries. I'm wondering if there's a recent report of mobile browsers that support media queries. If not, what is a reasonable approximation?

3
mobilecssresponsive-designmedia-queries
All recent smartphones have support of MQ, at least with dimensions in px, not rem. None of of the very old mobiles support it. In between... So it depends of your needs, the country where live your users, etc – FelipeAls

3 Answers

1
votes

I use this site all the time when I need to check out cross-browser support: caniuse.com This site says support for media queries (across all browsers) is at 78.37%

Support for mobile browsers is at 100%.

0
votes

About 80%. You don't need to worry about Android, Opera Mini and iOS, but then there's the other 20% with Bada, old Blackberry phones, Windows Mobile... So you should add a polyfill life respond.js which will be helpfull for desktop browsers than don't support media queries like IE8 and bellow.

0
votes

About 87.14% support and 0.01% partial support. See more: http://caniuse.com/css-mediaqueries