浅谈Bootstrap如何支持IE8

圣西罗南看台 发布于 2013/06/09 20:02
阅读 52K+
收藏 51

去年底自己从大公司跳出来,跟一个哥们创业,也拾起了多年没有碰的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,}最后的那个逗号。大家应该多检查检查


加载中
1
gatesanye
gatesanye
bootstrap-ie78.css 哪儿有得下载?
1
leon_rock
leon_rock

支持ie6

https://github.com/ddouble/bsie

雨打芭蕉
雨打芭蕉
right
0
西门飞
西门飞
做的什么产品啊  啥时候上线
圣西罗南看台
圣西罗南看台
内测中,给您个邀请码。多谢 http://www.jiexuewen.com/signup?invitation_code=E0M373
0
帖子列表
帖子列表
地址有没有?
圣西罗南看台
圣西罗南看台
www.jiexuewen.com 内测中,给您个邀请码。 http://www.jiexuewen.com/signup?invitation_code=Z56420T6 多谢
0
苏生不惑
苏生不惑
还没用过 bootstrap呢,是不也该去学学了
0
王昊然
王昊然

明知道最后一个逗号加上了IE就报错,那Bootstarp为什么还要加呢?

难道是故意而为之?谁能解释解释

l
ls
回复 @隋济远 : 整IE兼容性真尼玛头疼,赶紧让IE死了吧,webkit一统天下,前端们就全开心了
隋济远
隋济远
就是故意让IE难堪的,呵呵
0
fotomxq
fotomxq
感谢楼主分享心得,学习了!
0
Vian
Vian
天朝的ie6呢?
Vian
Vian
@圣西罗南看台 我喜欢,哈哈
圣西罗南看台
圣西罗南看台
@Vian IE6不打算支持,不惯着这些用户。
0
玛雅牛
玛雅牛

bootstrap-ie78.css  这个在哪里下载啊,楼主。

IE6可以不考虑,十几年前的文物了。呵呵。

回复 @圣西罗南看台 : 您好,请问能把这个css文件发我一份么?我的邮箱是flying_xiang@foxmail.com,多谢了
圣西罗南看台
圣西罗南看台
抱歉,我没说明白。这个CSS自己写的,做些小修饰。
0
王阿觉
王阿觉
先考虑IE8,有空的时候再是试着兼容IE6,完全放弃IE6的想法也是有点不可取的。
王阿觉
王阿觉
@圣西罗南看台 呵呵,你喜欢。
圣西罗南看台
圣西罗南看台
取决于客户群
返回顶部
顶部