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 で見つけたものに最も近いものですが、本番環境にはほど遠いものです。