2012-07-21 63 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和波紋管等媒體查詢。