Bagaimanakah Saya Boleh Menggunakan Gaya Khusus pada Pelayar Safari?

Penyelesaian untuk aplikasi gaya menyekat Safari

Ringkasan: Safari tidak lagi menggunakan skrin @media dan (- webkit- min-device-pixel-ratio:0) untuk menyasarkannya secara khusus, tetapi terdapat kaedah lain yang boleh digunakan.

Penyelesaian:

Untuk Safari 18.0.1 dan lebih baharu:

/* Safari 7.1+ */

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

Untuk Safari 10.1 dan versi yang lebih baharu:

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

Untuk Safari 6.1 hingga 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;
  }
}}

Retasan Safari khusus versi lain:

Semak imbas artikel asal untuk mendapatkan lebih banyak CSS untuk versi Safari tertentu Penggodam, termasuk Safari 9, 10, dan 11.

Gunakan godaman ini:

Untuk menggunakan gaya ini dalam Safari, gunakan teg berikut:

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan Gaya Khusus pada Pelayar Safari?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!