2012-07-21 11 views
6

モバイル対応の新しいWebサイトを開発しています。私は、レスポンシブデザイン/アダプティブデザイン/ CSSメディアクエリーを試してみたいと思います。メディアクエリをサポートするモバイルブラウザの最新のレポートがあるのだろうかと思います。そうでない場合、合理的な近似は何ですか?私は、クロスブラウザのサポートをチェックアウトする必要がある場合CSSメディアクエリをサポートするモバイルブラウザの割合はどれくらいですか?

+0

最近のスマートフォンはすべて、少なくとも「px」の次元ではなく、[rem](http://fvsch.com/code/bugs/rem-mediaquery/)のMQをサポートしています。非常に古いモバイルのどれもそれをサポートしていません。その間に...それはあなたのニーズ、あなたのユーザーなど住んでいる国、等 – FelipeAls

答えて

1

は、私はこのサイトのすべての時間を使用します。 caniuse.comこのサイト(すべてのブラウザ間)メディアクエリのサポートは78.37パーセントであると言うモバイルブラウザのサポートはである

100%。

+2

OPは**モバイル**ブラウザでのサポートを求めています。 78.37%は全体のサポート、デスクトップおよびモバイルです。 caniuse.com(Android 2.1、iOS3.2、Opera M *)に続くブラウザは100%ですが、それ以外のブラウザ(Windows *、古いバージョンのBlackBerry Bold、Samsung bada - MQはbada 1.1 - 、など)。デスクトップでのサポートは、モバイルファーストに行く場合と、さまざまな解像度の世話をする場合には、主に重要です。 – FelipeAls

0

約80%。あなたはAndroid、Opera Mini、iOSについて心配する必要はありませんが、Bada、古いBlackberry携帯電話、Windows Mobileの20%があります。したがって、デスクトップブラウザに便利なpolyfillの生活respond.jsを追加する必要がありますIE8などのメディアクエリはサポートしていません。

関連する問題