我正在開發一個有移動支持的新網站,我想嘗試使用「響應式設計」/「自適應設計」/ CSS媒體查詢。我想知道是否有最近的支持媒體查詢的移動瀏覽器報告。如果不是,什麼是合理的近似值?有多少移動瀏覽器支持CSS媒體查詢?
6
A
回答
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和波紋管等媒體查詢。
0
約87.14%的支持率和0.01%的部分支持。查看更多:http://caniuse.com/css-mediaqueries
相關問題
- 1. 對不支持CSS媒體查詢的瀏覽器使用Javascript
- 2. 在IE瀏覽器中支持CSS媒體查詢
- 3. CSS - 媒體查詢在瀏覽器中
- 4. 投影媒體查詢:瀏覽器支持和解決方法?
- 5. 媒體查詢看起來在瀏覽器比移動設備
- 6. 媒體查詢,不適用於移動瀏覽器和Chrome
- 7. Gmail支持媒體查詢
- 8. Android瀏覽器支持多少HTML5?
- 9. 預先檢查瀏覽器的媒體(視頻文件)支持
- 10. 瀏覽器字體支持
- 11. 移動瀏覽器的VoiceXML支持
- 12. 移動瀏覽器對CSS3的支持
- 13. 負載獨立的媒體查詢的indivisual屏幕 - 瀏覽器支持
- 14. Chrome瀏覽器的CSS標籤/媒體查詢
- 15. CSS媒體查詢使瀏覽器掛起
- 16. 作爲瀏覽器調整大小的CSS媒體查詢?
- 17. Azure媒體播放器不支持瀏覽器
- 18. 如何查詢CSS網格支持的Web瀏覽器?
- 19. 什麼字體家族支持移動瀏覽器
- 20. 涵蓋大多數移動設備的CSS媒體查詢
- 21. 「全網站」移動瀏覽器和屏幕尺寸媒體查詢
- 22. CSS:在冰淇淋三明治瀏覽器,媒體查詢不再有效
- 23. 檢查(移動)瀏覽器支持背景圖片
- 24. CSS媒體查詢
- 25. 媒體查詢CSS
- 26. CSS 3媒體查詢 - 支持哪些分辨率
- 27. 瀏覽器支持
- 28. CSS瀏覽器支持圖表
- 29. Android瀏覽器支持webkit css?
- 30. CSS url()函數:瀏覽器支持
所有最近的智能手機都支持MQ,至少尺寸是px,而不是[rem](http://fvsch.com/code/bugs/rem-mediaquery/)。沒有一個很老的手機支持它。在...之間...所以這取決於你的需求,你的用戶居住的國家等 – FelipeAls 2012-07-21 22:07:05