Bootstrap在windows phone 8下不兼容的如何解决方法

发布时间：2023-01-20 23:14:32 来源：互联网

.

其实旅行最大的好处，不是能见到多少人，见过多美的风景，而是走着走着，在一个际遇下，突然重新认识了自己。

bootstrap是一款非常优秀的前端UI开发框架,特别在开发自适应网页应用广泛。然而bootstrap在windows phone 8中会出现整个屏幕变得很小的情况。经过分析找出原因是:

bootstrap.css文件中有这样一行代码:

复制代码

代码如下:

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

这行代码作用是:页面宽度被设置成设备的宽度.而在实际中,我并不是我想要的结果,我们需要根据我的网页内容自动适应。

经过测试，得出下面的解决方案代码(放在header里脚本中):

复制代码

代码如下:

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

以上就是Bootstrap在windows phone 8下不兼容的如何解决方法。如果你总以为失去的才是最好的，那么你最好的还会一一失去。更多关于Bootstrap在windows phone 8下不兼容的如何解决方法请关注haodaima.com其它相关文章！

以下您可能有感兴趣的文章:

标签： 方法不兼容