タッチ vs マウスデバイス検出

pointerとhoverでタッチ vs マウスを検出

pointerとhoverメディア機能を使用すると、ユーザーの主要な入力デバイスに基づいてUIを適応させることができます。

pointerの値

値	意味	例
fine	精密なポインティング	マウス、トラックパッド
coarse	不精密なポインティング	タッチスクリーン
none	ポインティングデバイスなし	キーボードのみ

実用的なガイドライン

• pointer: coarseでタップターゲットを少なくとも48x48pxにする
• hover: hoverがサポートされている場合のみホバー効果を表示
• hover: noneでホバーメニューをタップ/クリックメニューに置き換え