私の Web アプリケーションは、複数のデバイスをサポートする必要があります。すべてのモバイル パッド デバイスに共通の CSS を作成しましたが、iPad で問題が発生しています。iPad専用の修正を見つけました。
ここで、iPad と Galaxy デバイスの CSS を分けたいと思います。
メディア クエリを実行する方法や、iPad 用の CSS と Galaxy デバイス用の CSS をロードする他の方法はありますか?
私の Web アプリケーションは、複数のデバイスをサポートする必要があります。すべてのモバイル パッド デバイスに共通の CSS を作成しましたが、iPad で問題が発生しています。iPad専用の修正を見つけました。
ここで、iPad と Galaxy デバイスの CSS を分けたいと思います。
メディア クエリを実行する方法や、iPad 用の CSS と Galaxy デバイス用の CSS をロードする他の方法はありますか?
iPadやiPhoneなどのiOSデバイスのhttpリクエストユーザーエージェントを正規表現と比較することで非常に簡単に検出し、それに応じて関連するCSSを含めることができます。iPhone/iPadを検出するための単純な正規表現は次のようになります。
(iPhone|iPad).*?OS ((\d+)_(\d+))(?:_(\d+))?
「iPad 専用の修正」とは、インストールされている Safari インスタンスの修正を意味する場合、機能検出を使用する必要があります。
指定された JS ライブラリを使用するのが最も簡単です。私はModernizrを好みます。