Question

如何解决bootstrap与ie不兼容问题

Answer 1

bootstrap有使用CSS3,所以ie9以下浏览器不会很顺畅。IE9以下的兼容性不是很好。
IE本身就是怪胎，就搞一些和外界标准不一致。搞得web开发考虑这考虑那的兼容性

基本上css3的没法正常使用：

- 无法正常显示 CSS 3 圆角 -> 全部变成方块
- 无法正常显示 CSS 3 渐变 -> 拟物的按钮全都变成了扁平的
- 无法正常显示 CSS 3 阴影 -> 方块就是方块，没有影子

搜了下一些解决方案：
1. Bootstrap UI整体在IE8下变窄，进而组件摆放论套

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

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

使用bootstrap-ie78.css

Answer 2

bootstrap有使用CSS3,所以ie9以下浏览器不会很顺畅。IE9以下的兼容性不是很好。
IE本身就是怪胎，就搞一些和外界标准不一致。搞得web开发考虑这考虑那的兼容性，蛋疼！

基本上css3的没法正常使用：

- 无法正常显示 CSS 3 圆角 -> 全部变成方块
- 无法正常显示 CSS 3 渐变 -> 拟物的按钮全都变成了扁平的
- 无法正常显示 CSS 3 阴影 -> 方块就是方块，没有影子

搜了下一些解决方案：
1. Bootstrap UI整体在IE8下变窄，进而组件摆放论套

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

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

使用bootstrap-ie78.css