CSS メディア クエリでハンドヘルド ブラウザをターゲットにするにはどうすればよいでしょうか?

モバイル デバイス上のハンドヘルド ブラウザの検出

デバイスの種類に基づいて要素の幅を調整しようとすると、ユーザーは問題に遭遇する可能性があります。これを克服するために、ハンドヘルド ブラウザを検出する代替方法を検討します。

解決策:

これを実現するには、開発者は次の CSS メディア クエリを活用できます。

@media (pointer:none), (pointer:coarse) {
  /* CSS styles for handheld browsers */
}

説明:

(pointer:none) 条件は、ラップトップやデスクトップ コンピューターなど、タッチ入力デバイスのないデバイスを対象としています。 (pointer:coarse) 条件は、モバイル デバイスによく見られる、精度の低いポインタ入力を備えたデバイスを対象としています。これら 2 つの条件を組み合わせることで、開発者は iOS デバイスと Android デバイスの両方でハンドヘルド ブラウザを効果的に検出できます。

以上がCSS メディア クエリでハンドヘルド ブラウザをターゲットにするにはどうすればよいでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。