Comment puis-je cibler spécifiquement les appareils iOS avec les requêtes multimédia CSS ?

Ciblage des appareils iOS avec des requêtes multimédia CSS

Pour cibler spécifiquement les appareils iOS à l'aide d'une requête multimédia, considérez le code suivant :

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
}

@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */ 
}

Cette technique exploite la propriété -webkit-touch-callout, qui est implémentée exclusivement dans Safari Mobile sur iOS. Les appareils en dehors de cet écosystème ignoreront ces règles.

Cependant, il est important de noter que l'utilisation de @supports ne pose pas de problèmes de compatibilité potentiels avec IE, car elle ignore les deux ensembles de règles. De plus, iOS pourrait interrompre la prise en charge de ce mécanisme dans les versions futures.

Comme alternative, envisagez d'explorer d'autres options répertoriées dans « Propriétés CSS prises en charge » sous « Safari sur iOS » pour obtenir une compatibilité entre navigateurs.

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!