Comment puis-je appliquer des styles spécifiquement aux navigateurs Safari ?

Solution pour l'application de style de restriction Safari

Résumé : Safari n'utilise plus l'écran @media et (- webkit- min-device-pixel-ratio:0) pour le cibler spécifiquement, mais il existe d'autres méthodes qui peuvent être utilisées.

Solution de contournement :

Pour Safari 18.0.1 et versions ultérieures :

/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .safari_only {
  color: #0000FF;
  background-color: #CCCCCC;
}

Pour Safari 10.1 et versions plus récentes :

/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) { @media {
  .safari_only {
    color: #0000FF;
    background-color: #CCCCCC;
  }
}}

Pour Safari 6.1 à 10.0 :

/* Safari 6.1-10.0 (not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media {
  .safari_only {
    color: #0000FF;
    background-color: #CCCCCC;
  }
}}

Autres hacks Safari spécifiques à la version :

Parcourez l'article original pour obtenir plus de CSS pour des versions spécifiques de Safari Pirates informatiques, dont Safari 9, 10 et 11.

Utilisez ces hacks :

Pour appliquer ces styles dans Safari, utilisez les balises suivantes :

<div class="safari_only">在此处放置您的内容</div>

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!