Twitter bootstrap 响应引导不适用于Lumia windows 8手机

我包括

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

以我的风格

这在我的脑海里

<script type="text/javascript">

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

</script>

if（navigator.userAgent.match（/IEMobile\/10\.0/）{
var msViewportStyle=document.createElement（“样式”）
msViewportStyle.appendChild(
document.createTextNode(
“@-ms视口{宽度：自动！重要}”
)
)
document.getElementsByTagName（“头”）[0].appendChild（msViewportStyle）
}

请注意，@@是因为它位于Razor文件中，我已经验证了客户端是否可以发送一个@

但是页面仍然没有按预期呈现。我想不出少了什么

---

可以在此处查看输出

值得一提的是，我的Lumia似乎有自己的想法。它将在我加载页面的一半时间内将视口设置为正确的大小。想象一下，即使是移动IE也很差劲……半年前我在lumia 920上做了这个，现在我有了1020，现在我也无法让它工作