其实旅行最大的好处，不是能见到多少人，见过多美的风景，而是走着走着，在一个际遇下，突然重新认识了自己。
bootstrap是一款非常优秀的前端UI开发框架,特别在开发自适应网页应用广泛。然而bootstrap在windows phone 8中会出现整个屏幕变得很小的情况。经过分析找出原因是:
bootstrap.css文件中有这样一行代码:
复制代码
代码如下:@-ms-viewport {
width: device-width;
}
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);
}
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其它相关文章！
