Wie kann ich CSS-Hacks anwenden, um gezielt auf verschiedene Safari-Versionen abzuzielen?

Safari-spezifischer CSS-Hack

Während der bereitgestellte Code Safari nicht von Chrome unterscheiden konnte, sind alternative CSS-Hacks verfügbar, die ausschließlich auf Safari-Versionen abzielen 6.1 und höher. Hier ist ein solcher Hack:

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

Versionsspezifische Safari-Hacks

Für Safari-Versionen 10.1 und höher verwenden Sie diesen Hack:

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

Verwenden Sie dies für die Safari-Versionen 6.1 bis 10.0 Hack:

/* 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;
    }
  }
}

Um diese Hacks anzuwenden, fügen Sie eine Klasse mit dem Namen „safari_only“ zu den Elementen hinzu, die Sie nur für Safari formatieren möchten.

Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Hacks anwenden, um gezielt auf verschiedene Safari-Versionen abzuzielen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!