>웹 프론트엔드 >CSS 튜토리얼 >모바일 브라우저를 감지하는 방법: iOS 및 Android?

모바일 브라우저를 감지하는 방법: iOS 및 Android?

Barbara Streisand
Barbara Streisand원래의
2024-11-03 21:11:291093검색

How to Detect Mobile Browsers: iOS and Android?

모바일 브라우저 감지: iOS 및 Android

Q: 모바일 브라우저가 iOS에서 사용 중인지 또는 iOS에서 사용 중인지 어떻게 확인할 수 있나요? Android?

답: 휴대용 브라우저와 표준 데스크톱 브라우저를 구별하려면 CSS 미디어 쿼리를 사용하는 것이 좋습니다.

다음 미디어 쿼리는 "pointer:none"이 있는지 확인합니다. 또는 "pointer:coarse" 속성은 종종 휴대용 장치와 연결됩니다.

@media (pointer:none), (pointer:coarse) {

}

이를 통해 휴대용 장치에 특정 스타일이나 동작을 적용할 수 있습니다.

다음은 이전 시도입니다. 원하는 결과가 나오지 않았습니다.

width: 600px;
@media handheld { width: 300px; }

그러나 "휴대용" 미디어 쿼리는 모바일 장치를 식별하는 데 신뢰도가 떨어지므로 주의해서 사용해야 합니다.

위 내용은 모바일 브라우저를 감지하는 방법: iOS 및 Android?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.