Safari ブラウザに特にスタイルを適用するにはどうすればよいですか?

スタイル アプリケーションを制限する Safari の解決策

概要: Safari は @media 画面と (- 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;
}

Safari 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 ハック:

元の記事を参照して、特定の Safari バージョン用の CSS を入手してくださいSafari 9、10、11 などのハッカー。

これらのハックを使用します:

Safari でこれらのスタイルを適用するには、次のタグを使用します:

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

以上がSafari ブラウザに特にスタイルを適用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。