0

好的，这就是我卡住的地方。Microsoft IE for RT 在快照模式下解释我的媒体查询不同步。

有一种字体被过度填充，因此溢出到下一行。

我的问题是如果我写出我的媒体查询，这对于每个主要浏览器都可以正常工作，唯一的问题是 IE|RT 的不同模式大小无论如何都可以指定仅使用 @-ms-viewport {css 样式在这里}? 我在想甚至可能只为视口编写一个单独的媒体查询，但这只会覆盖我的其他媒体查询，不是吗？

有趣的是，RT 的邮件应用程序很好地使用了媒体查询。

在 snap 模式下查看此代码与 IE|RT 不匹配：来自 MSDN BLOG... 

@media screen and (max-width: 400px) {
    @-ms-viewport { width: 320px; }
    /* CSS for 320px layout goes here */
}

现在我只是用这个名称将其关闭。这似乎不适用于 WP8。 

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

ps microsoft Windows phone 8 媒体查询 + 视口是一个完整的错误。总是崩溃。

4

1 回答 1

0

如果您只是这样做，这似乎确实有效

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

结合 Windows Phone 8.0 错误的解决方法，该错误导致媒体查询行为完全随机。解决方法很“简单”

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);
}

资料来源：http ://timkadlec.com/2013/01/windows-phone-8-and-device-width/

于 2014-06-16T12:46:28.467 回答