我正在开发一个支持移动端的新网站，想尝试使用“响应式设计”、“自适应设计”或CSS媒体查询。我想知道是否有最近的报告列出了支持媒体查询的移动浏览器。如果没有，那么有什么合理的近似值呢？
移动浏览器有多少百分比支持CSS媒体查询？
6
- Leo Jiang
1
所有最近的智能手机都支持 MQ，至少支持像素尺寸而非 rem（http://fvsch.com/code/bugs/rem-mediaquery/）。没有任何非常老旧的手机支持它。在中间...所以这取决于您的需求、用户所在的国家等。 - FelipeAls
3个回答
1
每当我需要检查跨浏览器支持时，我经常使用这个网站： caniuse.com。该网站显示媒体查询的支持率（在所有浏览器中）为78.37%。
移动浏览器的支持率为100%。
- jshawl
1
2OP 在寻求对移动浏览器的支持。78.37%是整体支持率，包括桌面和移动端。它对于 caniuse.com 跟踪的浏览器是100％（Android 2.1、iOS3.2、Opera M*），但这并不包括许多其他浏览器（Windows *，旧版本的BlackBerry Bold，Samsung bada - MQ适用于bada 1.1等）。如果您采用Mobile First策略或关注不同分辨率，则在桌面上的支持尤其重要。 - FelipeAls
0
大约80％。您不需要担心Android，Opera Mini和iOS，但是还有其他20％的Bada，旧版Blackberry手机，Windows Mobile等。因此，您应该添加一个polyfill生命周期respond.js，这对于不支持媒体查询的桌面浏览器（如IE8及以下版本）非常有帮助。
- tiagof
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接