Wie kann ich Safari gezielt mit CSS ansprechen?

Stile für Safari isolieren

Während die Isolierung von CSS für Safari möglich erscheint, gelten die meisten Methoden aufgrund ihrer gemeinsamen WebKit-Grundlage auch für Chrome.

Effektive und spezifische Safari-Hacks

Exklusiv Wenn Sie auf Safari abzielen, sollten Sie diese CSS-Hacks in Betracht ziehen:

Safari 7.1 :

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

Safari 10.1 :

/* Double media query is crucial */
@media not all and (min-resolution: .001dpcm) {
  @media {
    .safari_only {
      color: #0000FF;
      background-color: #CCCCCC;
    }
  }
}

Safari 6.1-10.0:

@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
  @media {
    .safari_only {
      color: #0000FF;
      background-color: #CCCCCC;
    }
  }
}

Verwendung:

Wenden Sie diese CSS-Regeln auf eine Klasse namens „safari_only“ an, um nur auf Safari-Browser abzuzielen. Zum Beispiel:

<div>

Das obige ist der detaillierte Inhalt vonWie kann ich Safari gezielt mit CSS ansprechen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!