2011-02-28 14 views
5

私はMobile Detectionの良いアドバイスを得ていますが、タブレットの表示ではモバイルデバイスのアイコンが大きくなるため、テーマのタブレットには問題があります。私はフレームワークとしてjQueryMobileを使用していますが、それはiPadを検出します(そして、私は他のタブレットが途中であると確信しています)が、それがタブレットかモバイルデバイスかどうかをどのように検出できますか?私はちょうど画面サイズで行くだろうか?タブレットの検出

モバイルデバイスの最大画面サイズまたはタブレットの最小画面サイズよりも小さい場合は、

良い方法はありますか?

答えて

2

jQuery Mobileはbodyタグにクラスを追加するので、すべてのデバイス用に単一のCSSを簡単に作成できます。

はこちらをご覧ください:http://jquerymobile.com/demos/1.0a3/#docs/api/mediahelpers.html

更新ベータヘルパーのよう

は非推奨と除去のために設定されます。とにかくこれらのクラスをそこに入れるために使用されたmedia queriesを見てください。

1

メディアクエリを使用し、別のCSSスタイルシートをターゲットにすることをお勧めします。

+0

はい、私はデバイスグループごとに異なるCSSスタイルシートを必要としますが、デバイスをどのように決定するかを知りたかった理解を見て持つことができますか? –

+1

私の知る限り、各デバイスを個別にターゲティングすることはできませんが、メディアのクエリ(http://css-tricks.com/css-media-queries/)を使用してさまざまな画面サイズをターゲットにすることができます。助けるべき? –

+0

すばらしいリンク、ありがとう! –

0

我々は、FormfactorJSのようなFormfactor検出ライブラリーを使用して開発を開始しています。これを作成しました。

理論は同じセマンティックHTMLを使用しているため、特定のクラスのデバイス(スマートフォン、タブレット、デスクトップなど)でCSSとJavascriptを専門にすることができ、Media Queriesを使用して個々のデバイスプロファイルに対応するデザインを認識します。

1

wurfl,tera-wurflのようなデバイス検出ライブラリ、または独自のdeviceAtlasのようなデバイス検出ライブラリを考えたことはありますか?

+0

ええ、私はそれらを見ました、ありがとう。私は将来のプロジェクトで彼らの必要性を見ている+1 –

+0

しかし、ライセンスに注目してください! AGPLライセンスが付いているため、wurfl java apiを使用しないことにしました。 – Timo

1

サーバーサイド検出の利点について考えましたか? OpenDDRは、LGPLの下でライセンスされた.NETおよびJavaライブラリを提供します。

あなたはhttp://www.openddr.org

+0

PHPまたはPythonフレーバを提供したときにお知らせください –

関連する問題