Bootstrap在windows phone 8下不兼容的解决方法
2014-07-18 12:06
309 查看
bootstrap是一款非常优秀的前端UI开发框架,特别在开发自适应网页应用广泛。然而bootstrap在windows phone 8中会出现整个屏幕变得很小的情况。经过分析找出原因是:
bootstrap.css文件中有这样一行代码:
这行代码作用是:页面宽度被设置成设备的宽度.而在实际中,我并不是我想要的结果,我们需要根据我的网页内容自动适应。
经过测试,得出下面的解决方案代码(放在header里脚本中):
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兼容ie6 ie7 ie8 ie9 ie10 ie11的解决方法
- IE6,IE7,FireFox,Opera,Safari兼容CSS的解决方法及CSS差别
- 解决Vista系统与游戏不兼容的方法
- IE6,IE7,FireFox兼容CSS的解决方法及CSS差别
- “数据类型 varchar 和 bit 在 add 运算符中不兼容”解决方法
- IIS上.net 1.1 跟.net 2.0兼容解决方法
- JDK不兼容异常(class file has wrong version 49.0, should be 48.0)及解决方法
- IE6.0、IE7.0 与FireFox CSS兼容的解决方法
- 升级到Firefox 3.0后解决扩展版本不兼容的方法
- 火狐浏览器CSS兼容的解决方法
- IE6,IE7,FireFox兼容CSS的解决方法及CSS差别
- PHP4与PHP3中一个不兼容问题的解决方法
- “基类包括字段,但其类型与控件的类型不兼容”的解决方法
- JDK不兼容异常(class file has wrong version 49.0, should be 48.0)及解决方法
- IE6,IE7,FireFox兼容CSS的解决方法及CSS差别
- IE6.0、IE7.0 与FireFox CSS兼容的解决方法
- 解决Vista系统与游戏不兼容的终极方法
- Eclipse中JDK不兼容异常(class file has wrong version 49.0, should be 48.0)的解决方法
- Ajax中的UpdatePanel与Freetextbox兼容问题的初步解决方法
- ExtJs中tabPanel放置iframe无法兼容IE6的解决方法