2012-04-12 4 views
2

私のWebアプリケーションは複数のデバイスをサポートしなければなりません。私はすべてのモバイルパッドデバイスに共通のCSSを書いていますが、iPad上でいくつかの問題が生じています。私は特にiPad用の修正を見つけました。別のcss for iPadとGalaxy Tabを作るためのデバイスを特定する方法は?

iPad用のcssとgalaxyデバイスを分けたいと思います。

ipadのための1つのCSSとgalaxyデバイスのもう1つのCSSを読み込む方法はありますか?

+0

おそらくこれは役立ちます:http://stackoverflow.com/questions/4964589/galaxy-tablet-browser-sniff-detection – m90

答えて

1

media queriesを使用して組み合わせを実行すると、デバイスを検出してCSSをターゲティングできます。デバイスには、特定のプロパティ(解像度、方向、幅、高さなど)があり、メディアクエリを使用して選択できます。ここではさらに、参照用MDN's referenceanother articleだ、だけでなく、あなたが使用することができますsimilar question

1

のみメディアクエリは、これはいくつかの理由でenoughtでない場合は、1つは(多分画面のサイズが同じであるか、あなたは知っている必要がありますsize of screenについて質問ですモデル)では、this scriptを使ってデバイスを識別し、デバイスに応じて関連するCSSをロードできます。

1

iPadやiPhoneのようなiOSデバイスのHTTPリクエストユーザーエージェントを、正規表現と比較することによって非常に簡単に検出し、それに応じて適切なCSSを含めることができます。 iPhone/iPadのを検出する 単純な正規表現は次のようになります。

(iPhone|iPad).*?OS ((\d+)_(\d+))(?:_(\d+))? 
1

「特にiPad用の修正」によって、あなたがインストールSafariのインスタンスへの修正を意味し、場合 - あなたは、特徴検出を使用する必要があります。

指定されたJSライブラリを使用するのが最も簡単です。Modernizrが好きです。

関連する問題