如何解决bootstrap与ie不兼容问题
3个回答
展开全部
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
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
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
方法一：引用第三方js，一个叫respond.js的东西，github上可以搜到
方法二：由于IE8不支持媒体查询，所以对应不同分辨率的样式失效了，所以解决方法也很简单，都用col-xs的列布局来实现就好了。
方法二：由于IE8不支持媒体查询，所以对应不同分辨率的样式失效了，所以解决方法也很简单，都用col-xs的列布局来实现就好了。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
需要确保你的HTML页面开始部分要有DOCTYPE声明。DOCTYPE告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文档，具体会影响：
对标记attributes 、properties的约束规则
对浏览器的渲染模式产生影响，不同的渲染模式会影响到浏览器对于CSS代码甚至JavaScript脚本的解析
DOCTYPE是非常关键的，目前的最佳实践就是在HTML文档的首行键入：
<!DOCTYPE html>
对标记attributes 、properties的约束规则
对浏览器的渲染模式产生影响，不同的渲染模式会影响到浏览器对于CSS代码甚至JavaScript脚本的解析
DOCTYPE是非常关键的，目前的最佳实践就是在HTML文档的首行键入：
<!DOCTYPE html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
