Mobil destekli yeni bir web sitesi geliştiriyorum ve "duyarlı tasarım"/"uyarlamalı tasarım"/CSS medya sorgularını kullanmayı denemek istiyorum. Medya sorgularını destekleyen yeni bir mobil tarayıcı raporu olup olmadığını merak ediyorum. Değilse, makul bir yaklaşım nedir? Ben çapraz tarayıcı desteği kontrol etmek gerektiğindeMobil tarayıcıların yüzde kaçı CSS medya sorgularını destekliyor?
bu siteyi her zaman kullanın: caniuse.com Bu site (tüm tarayıcılarda) medya sorguları için destek 78,37% altında olduğunu söylüyor mobil tarayıcılar için destek olan
100%.
OP ** mobil ** tarayıcıları için destek istedi. % 78.37 genel destek, masaüstü ve cep telefonu. Bu tarayıcılar için caniuse.com (Android 2.1, iOS3.2, Opera M *) tarafından takip edilenler için% 100, ancak diğer tarayıcıların tonlarını içermez (Windows *, BlackBerry Bold'un eski sürümleri, Samsung bada - MQ, bada 1.1 - vb. Mobile First'e giderseniz ve farklı çözünürlüklerde de ilgileniyorsanız, masaüstündeki destek öncelikle önemlidir. – FelipeAls
Yaklaşık% 80. Android, Opera Mini ve iOS hakkında endişelenmenize gerek yok, ancak Bada, eski Blackberry telefonları, Windows Mobile ile diğer% 20'si var ... Bu yüzden, masaüstü tarayıcıları için yararlı olacak bir polyfill life respond.js eklemelisiniz. IE8 ve feryat gibi medya sorgularını desteklemeyin.
Yaklaşık% 87.14 destek ve% 0,01 kısmi destek. Daha fazla bilgi için: http://caniuse.com/css-mediaqueries
Tüm yeni akıllı telefonlar MQ'yu desteklemektedir, en azından px boyutlarında değil [rem] (http://fvsch.com/code/bugs/rem-mediaquery/). Çok eski cep telefonlarından hiçbiri desteklemiyor. Arasında ... Bu yüzden ihtiyaçlarınız, kullanıcılarınızın yaşadığı ülke vb. – FelipeAls