返回

提问 添加收藏

浅谈Bootstrap如何支持IE8

圣西罗南看台 发布于 2013年06月09日 (共有24个回帖)

去年底自己从大公司跳出来,跟一个哥们创业,也拾起了多年没有碰的coding和eclipse。没想到技术演化的这么快,之前都是J2EE,现在PHP已经在Web端很流行了。 做开发的都知道,UI, UE是我们的最大问题。 研究了半天,选定了Twitter Bootstrap前端框架。原因很简单, 基本搞定了UI组件,也有些现成的模板也还不错。尤其擅长做那种类似国外简约的网站,基本符合我们的要求,支持所有的主流浏览器。大部分解决了浏览器兼容问题。

做了三、四个月,出来第一个版本开始测试的时候,问题来了。 IE下面错误百出,经过一番折腾。全部解决了IE8下的兼容问题。 这里汇总一下,希望对大家有所帮助。

1. Bootstrap UI整体在IE8下变窄,进而组件摆放论套

问题出在IE8不支持@media ,而Bootstrap的一大优势Responsive UI是完全基于@media的。解决这个问题, 使用Respond.js https://github.com/scottjehl/Respond

2. Bootstrap UI组件在IE8下美观有问题

使用bootstrap-ie78.css

除此之外,IE8多数问题在于{aaa:aaa,bbb:bbb,ccc:ccc,}最后的那个逗号。大家应该多检查检查


BootstrapForm Validation
文明上网,理性发言
下一页  页次 1/3
客户端 Android iPhone WP7