1

Windows Phone (7.8) の IE で動作する Web サイトのモバイル バージョンを開発しています。ポートレートでは正常に動作しますが、電話を横に傾ける (またはそのようにロードする) とすぐに、サイトが拡大表示されます。ダブルタップすると、正しい縮小表示にリセットされます。

これは私が使用している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*/
}

Nokia Lumia 720 (480 × 800) でテストしています。WP エミュレーターを任意の解像度で使用すると、同じ問題は発生しません。

どんなアイデアでも歓迎します

4

0 に答える 0