2012-07-21 55 views
6

我正在开发一个有移动支持的新网站,我想尝试使用“响应式设计”/“自适应设计”/ CSS媒体查询。我想知道是否有最近的支持媒体查询的移动浏览器报告。如果不是,什么是合理的近似值?有多少移动浏览器支持CSS媒体查询?

+0

所有最近的智能手机都支持MQ,至少尺寸是px,而不是[rem](http://fvsch.com/code/bugs/rem-mediaquery/)。没有一个很老的手机支持它。在...之间...所以这取决于你的需求,你的用户居住的国家等 – FelipeAls 2012-07-21 22:07:05

回答

1

我用这个网站所有的时间,当我需要检查跨浏览器支持: caniuse.com本网站说,对媒体查询的支持(在所有浏览器)为78.37%

用于移动浏览器的支持是在100%。

+2

OP要求在**移动浏览器上提供支持。 78.37%是整体支持,桌面和手机。对于caniuse.com之后的浏览器(Android 2.1,iOS3.2,Opera M *)来说,这是100%,但不包括大量的其他浏览器(Windows *,旧版本的BlackBerry Bold,三星bada - MQ都可以bada 1.1 - 等)。如果您要使用Mobile First,并且需要处理不同的分辨率,则在桌面上的支持尤为重要。 – FelipeAls 2012-07-21 21:56:40

0

约80%。你不需要担心Android,Opera Mini和iOS,但其他20%与Bada,老黑莓手机,Windows Mobile ...因此,你应该添加一个polyfill生活respond.js这将是桌面浏览器的帮助比不支持IE8和波纹管等媒体查询。