3

css ピクセルが高 DPI デバイスのデバイス ピクセルではないことを考えると、これらのデバイス全体でタッチ ターゲットのサイズを予測して管理することは、私にとって頭痛の種でした。

たとえば、横向きモードの"width=device-width, initial-scale=1.0"iPad ( 9.7 インチ画面) で viewport meta を使用する Web アプリがあるとします。viewport は1024pxに設定され、50px (css で) は物理サイズで約1cmです。

ただし、Nexus 7 ( 7 インチ画面) などのデバイスの場合、viewport は966pxに設定されるため、50px (css で) は物理サイズで約0.7cmしかありません。(言うまでもなく、私が手に入れることのできない高 DPI デバイスのリストは増え続けています)

推奨されるタッチ ターゲットのサイズによってガイドラインは異なりますが、人的ミスを考慮して、1cm 程度を好む傾向があります。

そのようなシナリオのベスト プラクティスはありますか? Let's Get Physical (Units)で説明されているアイデアは、Google で見つけたものに最も近いものですが、本番環境にはほど遠いものです。

4

1 に答える 1

0

px の代わりに em またはパーセンテージの使用を開始します。

これはおそらく、誰もが一線を越えてしまう原因になるでしょう。

于 2012-09-25T13:54:33.803 に答える