ユーザーが CSS のみを使用して iPhone または iPad から自分の Web サイトにアクセスしているかどうかを検出するにはどうすればよいですか?

CSS による iPhone/iPad の検出

ユーザーが CSS のみを介して iPhone または iPad から Web サイトにアクセスしているかどうかを識別することは、貴重な情報となる可能性があります。設計上の考慮事項。 @media handheld を使用した以前の方法は効果的に機能しない可能性がありますが、この検出を実現する代替ソリューションがあります。

デバイス検出のための CSS テクニック

iPhone を正確に区別するには、 iPad およびその他のデバイスでは、次の CSS メディアを利用できます。クエリ:

• iPhone および iPod touch:

  link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="../iphone.css" type="text/css" /

  ログイン後にコピー

• iPhone 4 および iPod touch 4G:

  link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../iphone4.css" /

  ログイン後にコピー

• iPad:

  link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" /

  ログイン後にコピー

これらのメディア クエリをスタイルシートを使用すると、デバイス固有のスタイルを適用して、iPhone および iPad のユーザー エクスペリエンスを向上させることができますユーザー。

以上がユーザーが CSS のみを使用して iPhone または iPad から自分の Web サイトにアクセスしているかどうかを検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。