Comment puis-je détecter si un utilisateur accède à mon site Web à partir d'un iPhone ou d'un iPad en utilisant uniquement CSS ?

Détection iPhone/iPad via CSS

Identifier si un utilisateur accède à un site Web à partir d'un iPhone ou d'un iPad uniquement via CSS peut être un outil précieux considération de conception. Bien que les méthodes antérieures utilisant @media handheld puissent ne pas fonctionner efficacement, il existe des solutions alternatives pour réaliser cette détection.

Techniques CSS pour la détection des appareils

Pour distinguer avec précision l'iPhone, Sur iPad et autres appareils, vous pouvez utiliser les requêtes multimédias CSS suivantes :

• iPhone et iPod tactile :

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

  Copier après la connexion

• iPhone 4 et iPod touch 4G :

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

  Copier après la connexion

• iPad :

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

  Copier après la connexion

En incorporant ces requêtes média dans votre feuille de style, vous pouvez appliquer des styles spécifiques à l'appareil pour améliorer l'expérience utilisateur des utilisateurs d'iPhone et d'iPad.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!