jquery - 在 Lumia 930/1520 上 Bootstrap 移动导航

Question

当 Nokia Lumia 930 和 1520 处于横向模式时，我在显示 Bootstrap 移动导航时遇到了麻烦。我什至尝试了一些入门 Bootstrap 模板，但它们不会呈现移动导航，或者您从这些更高分辨率的 WinMo 设备获得横向桌面导航。

知道如何通过媒体查询或其他方式定位这些内容。在这一点上，我什至会采用 JS 方法。

Answer 1

IE Mobile 10 不会按规定触发媒体查询，它会以不同方式中断设备宽度。

将其添加到您调用的第一个 JS 中...

(function() {
    if ("-ms-user-select" in document.documentElement.style && 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);
    }
})();