CSS가 비슷한 화면 크기를 가진 다른 기기를 제외하고 iOS 기기를 구체적으로 타겟팅할 수 있나요?

CSS 미디어 쿼리를 사용하여 iOS 기기 타겟팅

Q: CSS를 사용하여 다른 기기를 제외하고 iOS 기기를 구체적으로 타겟팅하는 것이 가능합니까? 유사한 화면을 가진 장치 크기?

A: 예, @media 쿼리와 @supports 규칙의 조합을 사용하여 이를 달성할 수 있습니다.

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
}

@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */
}

이 접근 방식은 효과적입니다. iOS 기기에서 사용되는 웹 브라우저인 Safari Mobile만이 -webkit-touch-callout을 지원하기 때문입니다. property.

추가 고려 사항:

• @supports는 Internet Explorer에서 지원되지 않으므로 해당 브라우저를 사용하는 장치에서는 작동하지 않을 수 있습니다.
• iOS의 Chrome과 Firefox는 WebKit 렌더링 엔진을 사용하여 위 코드가 모든 iOS에서 작동하도록 보장합니다.
• Apple은 향후 iOS 릴리스에서 -webkit-touch-callout에 대한 지원을 제거할 수 있다는 점에 유의하는 것이 중요합니다.
• 지원 목록에 나열된 대로 특정 iOS 속성을 타겟팅하기 위한 대체 옵션을 사용할 수 있습니다. CSS 속성 페이지.

위 내용은 CSS가 비슷한 화면 크기를 가진 다른 기기를 제외하고 iOS 기기를 구체적으로 타겟팅할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!