iOS 특정 미디어 검색어

Question

미디어 검색어를 사용하여 iOS 기기 만 타겟팅하는 방법을 알고있는 사람이 있습니까? 나는 iPhone (1,3G, 3GS, 4,4S, 5) 사용자에게 한 가지 경험, iPad (1,2,3, 미니) 사용자 및 다른 모든 사용자 (데스크탑, 안드로이드, windows phone, bb) 기본 환경.

많은 전화가 비슷한 너비와 매개 변수를 공유하므로 내 옵션이 제한되어있는 것 같습니다. 누구든지 iPhone과 iPads에 특정한 미디어 쿼리에 사용할 것을 알고 있습니까?

지금까지 다음 코드로 아이폰 5를 폐쇄했습니다과

@media screen and (device-aspect-ratio: 40/71){} 

와 아이폰 4 및 4S : 여기에 이와 비슷한 질문을 본 적이

@media 
only screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:portrait), 
only screen and (min-device-pixel-ratio : 2) and (orientation:portrait){} 

@media screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:landscape), screen and (min-device-pixel-ratio : 2) and (orientation:landscape){} 

, 이 특정 사용 사례를 해결 한 것을 찾지 못했습니다.

이것은 이메일에서 사용하기 때문에 자바 스크립트를 사용할 수 없습니다. 미디어 쿼리 만 ...

감사

Answer 1

미디어 쿼리는 a few media features을 추론 할 수 및 기능이 아닌 브랜드 또는 모델에 따라 서로 다른 콘텐츠를 제공하도록 설계되었습니다.

아마도 가장 좋은 방법은 목록에있는 각 기기의 정확한 기기 너비를 타겟팅하는 것입니다. 여기 누군가가 이미 how to specifically match the iPad's dimensions이라는 표시를 제공하고 있습니다.

문제는 그 밖의 거대한 범위의 장치 중에서 일부는 동일한 치수 (그리고 웹킷 브라우저 - which can be inferred via hacks)입니다. 결론적으로 CSS는 문제가되는 기기의 난해한 브랜드 또는 OS 기능을 결정할 때 JS보다 훨씬 나쁩니다.