私のWebアプリケーションは複数のデバイスをサポートしなければなりません。私はすべてのモバイルパッドデバイスに共通のCSSを書いていますが、iPad上でいくつかの問題が生じています。私は特にiPad用の修正を見つけました。別のcss for iPadとGalaxy Tabを作るためのデバイスを特定する方法は?
iPad用のcssとgalaxyデバイスを分けたいと思います。
ipadのための1つのCSSとgalaxyデバイスのもう1つのCSSを読み込む方法はありますか?
私のWebアプリケーションは複数のデバイスをサポートしなければなりません。私はすべてのモバイルパッドデバイスに共通のCSSを書いていますが、iPad上でいくつかの問題が生じています。私は特にiPad用の修正を見つけました。別のcss for iPadとGalaxy Tabを作るためのデバイスを特定する方法は?
iPad用のcssとgalaxyデバイスを分けたいと思います。
ipadのための1つのCSSとgalaxyデバイスのもう1つのCSSを読み込む方法はありますか?
media queriesを使用して組み合わせを実行すると、デバイスを検出してCSSをターゲティングできます。デバイスには、特定のプロパティ(解像度、方向、幅、高さなど)があり、メディアクエリを使用して選択できます。ここではさらに、参照用MDN's referenceとanother articleだ、だけでなく、あなたが使用することができますsimilar question
のみメディアクエリは、これはいくつかの理由でenoughtでない場合は、1つは(多分画面のサイズが同じであるか、あなたは知っている必要がありますsize of screenについて質問ですモデル)では、this scriptを使ってデバイスを識別し、デバイスに応じて関連するCSSをロードできます。
iPadやiPhoneのようなiOSデバイスのHTTPリクエストユーザーエージェントを、正規表現と比較することによって非常に簡単に検出し、それに応じて適切なCSSを含めることができます。 iPhone/iPadのを検出する 単純な正規表現は次のようになります。
(iPhone|iPad).*?OS ((\d+)_(\d+))(?:_(\d+))?
「特にiPad用の修正」によって、あなたがインストールSafariのインスタンスへの修正を意味し、場合 - あなたは、特徴検出を使用する必要があります。
指定されたJSライブラリを使用するのが最も簡単です。Modernizrが好きです。
おそらくこれは役立ちます:http://stackoverflow.com/questions/4964589/galaxy-tablet-browser-sniff-detection – m90