使用Bootstrap完成web的UI后,在IE 8运行时,发现.container等class的标签的的宽度并没按预期的宽度显示,本人已经根据bootstrap官方说明 ,增加引入repond.js,
仔细核对过正确显示的Bootstrap Example,无论如何还是不能正确显示,因IE 8不支持css ,也就是说respond.js并未正确运行修改css。
几经折磨后,才忽然想起,是否theme.css里 的bootstrap.css有问题,立刻修改为如下:
随则运行,整个页面在IE8下终于正确显示。问题解决了,那反过来应该再仔细查阅Bootstrap文档,悲催的发现有如下描述片段在Getting started里:
Respond.js and
Respond.js doesn't work with CSS that's referenced via
. In particular, some Drupal configurations are known to use
. for details.
所以,吸取教训,读书要认真,认真了能省很多时间... ...
http://getbootstrap.com/ bootstrap官网
http://v3.bootcss.com/css/ bootstrap学习http://www.runoob.com/ 前端教程