windows-phone-7 - WP7 IE - 横向默认放大

Question

我正在开发一个网站的移动版本，以便在 Windows Phone（7.8）上的 IE 中工作，它在纵向模式下运行良好，但是一旦我将手机倾斜到横向（或以这种方式加载），网站就会出现放大. 双击会将其重置为正确的缩小视图。

这是我正在使用的 CSS：

/* Styles for landscape view here */
@media (max-width: 980px) {
@-ms-viewport { width: 980px; zoom: 1; }
@-webkit-viewport { width: 980px; zoom: 1; }
@-moz-viewport { width: 980px; zoom: 1; }
@-o-viewport { width: 980px; zoom: 1; }
@viewport { width: 980px; zoom: 1; }
body {
    width: 980px;
}
/*Further styles here*/

}

/* Styles for portrait view */
@media (max-width: 980px) and (max-aspect-ratio: 1/1) {
@-ms-viewport { width: 664px; zoom: 1; }
@-webkit-viewport { width: 664px; zoom: 1; }
@-moz-viewport { width: 664px; zoom: 1; }
@-o-viewport { width: 664px; zoom: 1; }
@viewport { width: 664px; zoom: 1; }
html, body {
    width: 664px;
}
/*Further styles here*/
}

我正在诺基亚 Lumia 720 (480 × 800) 上进行测试。当我以任何分辨率使用 WP 模拟器时，我都没有同样的问题。

欣赏任何想法