Safari 브라우저에 스타일을 구체적으로 적용하려면 어떻게 해야 합니까?

Safari 제한 스타일 애플리케이션용 솔루션

요약: Safari는 더 이상 @media screen 및 (- 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!