css - WP8 IE10 ビューポートの問題

Question

-ms-viewport (特定の幅 320px またはデバイス幅) を使用すると、Web ブラウザーのコンテンツが利用可能なスペースの外に移動できることに気付いた人はいますか? ドキュメントのサイズが間違っているように見えるので、コンテンツを左にスクロールできますが、白い空のスペースは何もありません。ズームアウトすることもできますが（そうすべきではありません）、その後のサイズは常に同じではありません。http://mattstow.com/responsive-design-in-ie10-on-windows-phone-8.htmlは知っていますが、役に立ちません。2 回目または 3 回目で同じコンテンツに移動した後に発生し、デバイスを回転させると消えます。

Answer 1

meta viewportWindows Phone 8 は、Webkit およびモバイル Web の標準であるタグを正しく認識しません。

CSSでこれを試してください

@-ms-viewport{width:device-width}

そして、このJSを追加します

if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
    var msViewportStyle = document.createElement("style");
    msViewportStyle.appendChild(
        document.createTextNode(
            "@-ms-viewport{width:auto!important}"
        )
    );
    document.getElementsByTagName("head")[0].
        appendChild(msViewportStyle);
}

詳しくはこちら（クレジット）