Bootstrap在windows phone 8下不兼容的解决方法_ Div+Css教程-查字典教程网
Bootstrap在windows phone 8下不兼容的解决方法
Bootstrap在windows phone 8下不兼容的解决方法
发布时间:2016-12-27 来源:查字典编辑
摘要:bootstrap是一款非常优秀的前端UI开发框架,特别在开发自适应网页应用广泛。然而bootstrap在windowsphone8中会出现...

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

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类