오리엔테이션 media-query (css)가 ip/woOS 4.2.1에서 작동하지 않습니다.

Question

모바일 기본 사이트를 기본 프레임 워크로 사용하여 모바일 웹 사이트를 개발하고 있습니다. 내 스타일 시트에서 @mediaqueries를 사용하여 장치가 세로 모드인지 가로 모드인지 확인합니다.

@media screen and (orientation: portrait) { 
    .topteaser .article-headline { font-size: 138.5%; } 
} 

@media screen and (orientation: landscape) { 
    .topteaser .article-headline { font-size: 123.1%; } 
} 

이 아이팟 터치 (모델 MC540FD, 아이폰 OS 4.3.3, 망막 디스플레이)에 잘 작동하지만 오래된 아이팟 터치 (모델 MC086FD, 아이폰 OS 4.2.1, 아니 망막 디스플레이)에 그렇지 않은 작업. 세로 모드에서도 가로 방향 스타일이 적용됩니다.

(, BTW 나는, 쿠키, 캐시 및 만성를 삭제 iPod-을 restartet하지만 문제가 계속 나타납니다)

가 나는 또한 모두 아이팟과 http://wapsbttest1.momac.net/sandbox/css3/media_queries.html을 확인하고, 이전 그것도 가로 모드에 있음을 알려줍니다 그렇지 않다면 ... (어리석은 iPod!)

iOS 4.2.1을 사용합니까? 오리엔테이션 미디어 쿼리를 지원하지 않습니까? 나는 google'd하고 적어도 4.2 이후 supportet이어야한다는 것을 알았다.

iPhone 만 감지하고 기기 너비 또는 비율로 작동하지 않는 다른 미디어 쿼리가 있습니까?

Answer 1

iOS에서 1.0 이후로 미디어 쿼리가 지원되었으므로 문제가되지 않습니다. Pre-retina display/non-iPad 장치는 방향을 지원하지 않습니다.