如何將樣式專門套用至 Safari 瀏覽器？

針對Safari 限制樣式應用的解決方案

摘要：Safari 不再使用@media scre>

摘要：

Safari 不再使用@media screen and (- webkit-min-device-pixel-ratio:0) 來專門針對其，但有其他方法可以使用。

解決方法：

針對Safari 18.0.1 及更新版本：

/* Safari 7.1+ */

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

針對🎜>針對🎜>針對🎜>針對🎜>針對🎜>針對🎜>針對🎜>針對🎜>針對🎜>針對🎜>針對🎜>針對🎜>針對🎜>針對🎜>針對🎜>針對🎜>對10.1及更新版本：

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

針對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;
  }
}}

其他版本特定的🎜>

其他版本特定的🎜>

瀏覽文章原文以獲得更多針對特定Safari 版本的CSS駭客，包括 Safari 9、10 和 11。

使用這些駭客：

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

要在 Safari 中套用這些樣式，請使用以下標記：

以上是如何將樣式專門套用至 Safari 瀏覽器？的詳細內容。更多資訊請關注PHP中文網其他相關文章！