Comment cibler les navigateurs portables avec des requêtes multimédias CSS ?

Détection des navigateurs portables sur les appareils mobiles

Lorsqu'ils tentent d'ajuster la largeur d'un élément en fonction du type d'appareil, les utilisateurs peuvent rencontrer des difficultés. Pour surmonter ce problème, nous explorons une méthode alternative de détection des navigateurs portables.

Solution :

Pour y parvenir, les développeurs peuvent exploiter la requête multimédia CSS suivante :

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

Explication :

La condition (pointeur : aucun) cible les appareils sans périphérique de saisie tactile, tels que les ordinateurs portables et les ordinateurs de bureau. La condition (pointeur : grossier) couvre les appareils avec une saisie de pointeur moins précise, généralement trouvée sur les appareils mobiles. En combinant ces deux conditions, les développeurs peuvent détecter efficacement les navigateurs portables sur les appareils iOS et Android.

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!