다양한 Safari 버전을 구체적으로 대상으로 지정하기 위해 CSS 해킹을 어떻게 적용할 수 있습니까?

Safari 전용 CSS 해킹

제공된 코드가 Safari와 Chrome을 구별하는 데 실패했지만 Safari 버전만을 대상으로 하는 대체 CSS 해킹을 사용할 수 있습니다. 6.1 이상. 다음은 그러한 해킹 중 하나입니다.

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

버전별 Safari 해킹

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의 경우 다음을 사용하세요. hack:

/* 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_only"라는 클래스를 추가하세요.

위 내용은 다양한 Safari 버전을 구체적으로 대상으로 지정하기 위해 CSS 해킹을 어떻게 적용할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!