Wie kann ich Stile speziell auf Safari-Browser anwenden?

Lösung für Safari-einschränkende Stilanwendung

Zusammenfassung: Safari verwendet nicht mehr @media screen und (- webkit- min-device-pixel-ratio:0), um es gezielt anzusprechen, aber es gibt auch andere Methoden, die verwendet werden können.

Problemumgehung:

Für Safari 18.0.1 und neuer:

/* Safari 7.1+ */

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

Für Safari 10.1 und neuere Versionen:

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

Für Safari 6.1 bis 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;
  }
}}

Andere versionenspezifische Safari-Hacks:

Durchsuchen Sie den Originalartikel, um mehr CSS für bestimmte Safari-Versionen zu erhalten Hacker, einschließlich Safari 9, 10 und 11.

Verwenden Sie diese Hacks:

Um diese Stile in Safari anzuwenden, verwenden Sie die folgenden Tags:

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

Das obige ist der detaillierte Inhalt vonWie kann ich Stile speziell auf Safari-Browser anwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!