CSS @media クエリで iPhone および Android ブラウザをターゲットにするにはどうすればよいですか?

iPhone および Android ブラウザでの CSS @media ハンドヘルドのサポート

Web ページをモバイル ブラウザ用に調整するために、開発者は次の使用を試みる場合があります。 CSS @media ハンドヘルド クエリを使用してページの外観を変更します。ただし、Safari 経由の iPhone など、一部のプラットフォームではこのアプローチが無視されます。

iPhone および Android の代替アプローチ

この制限に対処するために推奨される解決策は、次のとおりです。特定のデバイス特性を指定するメディア クエリを使用します。次のコードは、iPhone (または画面幅が 480 ピクセル以下の任意のデバイス) をターゲットにする方法を示しています。

高解像度のデバイスをターゲット

前述のとおり、 Droid X のようなデバイスは解像度が高いため、前述のクエリでは検出できない可能性があります。このようなデバイスをターゲットにするために、メディア クエリは解像度などのデバイスの物理的特性を検査できます。

追加リソース

さらに詳しい情報は、提供されている A で見つけることができます。 List Apart 記事とメディア クエリに関する W3 推奨事項。

以上がCSS @media クエリで iPhone および Android ブラウザをターゲットにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。