CSS @media 쿼리를 사용하여 iPhone 및 Android 브라우저를 타겟팅하는 방법은 무엇입니까?

CSS @media handheld iPhone 및 Android 브라우저 지원

@media handheld CSS 규칙은 iPhone 및 Android와 같은 휴대용 장치를 대상으로 합니다. 그러나 iPhone은 데스크톱 브라우저와 동등하게 CSS를 렌더링하는 기능으로 인해 이 규칙을 완전히 지원하지 않습니다.

iPhone과 같은 특정 장치를 대상으로 하려면 @media 쿼리를 사용하세요.

<link rel="stylesheet" href="path/to/iphone.css" media="only screen and (max-device-width:480px)" />

이 쿼리는 화면 너비가 480px 이하인 장치를 대상으로 합니다.

대부분의 장치는 이제 해상도가 480px인 Droid X와 같이 더 높은 해상도를 갖습니다. 854x480. 이러한 장치를 대상으로 하려면 고급 미디어 쿼리를 사용하여 장치의 물리적 특성을 검사하십시오.

<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px) and (resolution: 163dpi)" href="shetland.css" />

이 쿼리는 화면 너비가 480px 이하이고 해상도가 163dpi인 장치를 대상으로 합니다.

자세한 내용 특정 장치 타겟팅에 대한 자세한 내용은 미디어 쿼리에 대한 W3 후보 권장 사항을 참조하세요.

위 내용은 CSS @media 쿼리를 사용하여 iPhone 및 Android 브라우저를 타겟팅하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!