0

モバイル デバイスやタブレット用に検出/開発するためのメディア クエリの画面サイズ、およびピクセル比のメディア クエリを使用して Retina ディスプレイを検出する方法には、明らかに多くの一般的なブレークポイントがあります。 Retina ディスプレイを搭載していない iPad または別のタブレットと、解像度がほぼ同じラップトップまたは小型のデスクトップ画面ですか?

私が使用しているインターフェイスは、ユーザーがマウスを持っているかタッチスクリーンを持っているかによって変更する必要があり、水平方向の古い iPad などは、古いラップトップやデスクトップのディスプレイと簡単に混同される可能性があります。

では、モバイル タブレットと、同様の解像度を持つ古いラップトップまたはデスクトップを区別する最善の方法は何でしょうか?

4

2 に答える 2

1

modernizrライブラリ(http://modernizr.com/)を使用して、タッチデバイスであるかどうかを検出し、そこから機能することができますか?

Modernizrでは、タッチ入力かどうかに応じて異なるCSSを使用できます。

html.touch a {
   Padding:10px;
}

html.no-touch a {
   Padding:4px;
}
于 2012-12-06T23:47:44.007 に答える
1

WURFLまたはDeviceAtlas

厳密に iOS タブレットをターゲットにしている場合は、両方の向きで特定のメディア クエリがあります。

好奇心から、どのタイプの UI が別のマウスまたはタッチスクリーン ビューを必要とするでしょうか? 私が考えることができる唯一の理由は、ゲームのソリューションですか?

于 2012-12-05T19:57:33.357 に答える