ios 7 media queries landscape

Question

У меня странная проблема с браузерами IOS7 (сафари и хром).

Когда я нахожусь в пейзаже, запросы СМИ не работают, а ширина/высота (с учетом от $(window).width() и $(window).height() соответственно) являются: 768/519 вместо 1024/672 пикселей, которые обычно показывали в iOS6 сафари и хром.

В портрете это 768/927, что является правильным.

Кто-нибудь еще нашел эту ошибку/quirk и/или обход?

* Update * Это мой код заголовка (вместе с кодом WordPress):

<meta content='True' name='HandheldFriendly' /> 
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport' /> 
<meta name="viewport" content="width=device-width" /> 
<meta name="format-detection" content="telephone=no"> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 

Answer 1

бы вы оказались в том числе это мета-тег в вашем HTML?

<meta name="viewport" content="width=device-width"> 

Попробуйте изменить его вместо этого:

<meta name="viewport" content="width=device-width, initial-scale=1"> 

Answer 2

Использование коэффициента пропорциональности и устройство коэффициента пропорциональности вместо этого. Bulletproof IOS СМИ запросы ...

/* iPad: portrait */ 
@media screen and (aspect-ratio: 768/716) and (device-aspect-ratio: 768/1024), screen and (aspect-ratio: 768/1024) and (device-aspect-ratio: 768/1024) { 
    /* styles here */ 
} 

/* iPad: landscape */ 
@media screen and (aspect-ratio: 1024/372) and (device-aspect-ratio: 768/1024), screen and (aspect-ratio: 1024/768) and (device-aspect-ratio: 768/1024) { 
    /* styles here */ 
} 

/* iPhone 3.5" screen: portrait */ 
@media screen and (aspect-ratio: 320/220) and (device-aspect-ratio: 320/480), screen and (aspect-ratio: 320/480) and (device-aspect-ratio: 320/480) { 
    /* styles here */ 
} 

/* iPhone 3.5" screen: landscape */ 
@media screen and (aspect-ratio: 480/114) and (device-aspect-ratio: 320/480), screen and (aspect-ratio: 480/320) and (device-aspect-ratio: 320/480) { 
    /* styles here */ 
} 

/* iPhone 4" screen: portrait */ 
@media screen and (aspect-ratio: 320/308) and (device-aspect-ratio: 320/568), screen and (aspect-ratio: 320/568) and (device-aspect-ratio: 320/568) { 
    /* styles here */ 
} 

/* iPhone 4" screen: landscape */ 
@media screen and (aspect-ratio: 568/114) and (device-aspect-ratio: 320/568), screen and (aspect-ratio: 568/320) and (device-aspect-ratio: 320/568) { 
    /* styles here */ 
}