Bootstrap兼容IE8
使用BootStrap3.x写的公司一个响应式项目在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,}最后的那个逗号。大家应该多检查检查
<!-- 只让 IE 8 以及更低版本的浏览器下载该脚本 -->
<!--[if (lt IE 9) & (!IEMobile)]>
<script src="js/vendor/respond.min.js"></script>
<![endif]-->
<!--[if lt IE 9]>
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
     <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
还要下载bootstrap-ie8.css下载 样式文件
Bootstrap兼容IE8的更多相关文章
- bootstrap 兼容 IE8
		在 html 中引用 <!-- bootstrap 兼容 IE8 --> <script src="../../jsapi/js/html5shiv.min.js" ... 
- bootstrap兼容IE8的一些注意
		准备 bootstrap 3.3.5 jQuery 1.12.0 注意 支持html5 需要引入html5.js 支持placeholder 需要引入placeholder.js ie8 不支持 fo ... 
- bootstrap兼容IE8 解决办法
		bootstrap有使用CSS3,所以ie9以下浏览器不会很顺畅.IE9以下的兼容性不是很好.IE本身就是怪胎,就搞一些和外界标准不一致.搞得web开发考虑这考虑那的兼容性,蛋疼! 基本上css3的没 ... 
- bootstrap 兼容IE8设置
		<!--[if lt IE 9]> <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js" ... 
- 【转】让Bootstrap 3兼容IE8浏览器
		FROM : http://www.ijophy.com/2014/05/bootstrap3-compatible-with-ie8.html 最近在研究Bootstrap(官方,Github)这个 ... 
- 让Bootstrap 3兼容IE8浏览器
		最近在研究Bootstrap(官方,Github)这个优秀的前端框架,Bootstrap最开始是Twitter团队内部的一个前端框架,所谓前端框架就是一个CSS/HTML框架,框架里面有下拉菜单.按钮 ... 
- Bootstrap 3兼容IE8浏览器(转)
		Bootstrap是一个响应式的布局,你可以在宽屏电脑.普通电脑,平板电脑,手机上都得到非常优秀的布局体验.这种响应式的布局正是通过CSS3的媒体查询(Media Query)功能实现的,根据不同的分 ... 
- Bootstrap 3 兼容 IE8 浏览器
		公司新上的项目,前端用的Bootstrap3的框架,但它已经放弃对IE9下的支持了.可IE8还是有着许多用户,不能不照顾到他们,IE7以下的,我只想说,现在什么年代了,要解放思想,与时俱进啊,就不能动 ... 
- 【Bootstrap】兼容IE8、谷歌和其他主流浏览器的观众IMAX风格的页面
		尽管说IE6除了苛刻要求的一部分,我们一直没能考虑,但WIN7内置的浏览器IE8还需要支持. 在本文中,基本这种方法的优点,我个人认为,这是准备少.我们不需要在网上找了很多照片,使材料,你只要准备好了 ... 
随机推荐
- Puzzles
			Puzzles Barney lives in country USC (United States of Charzeh). USC has n cities numbered from 1 thr ... 
- linux shell——md5sum,sha1sum,sort,uniq (转)
			1.文件校验 1. md5sum eg: md5sum filename 注:生成一个128位的二进制位,即32位的十六进制字符串 1.验证文件的正确性: md5sum file1 file2 &g ... 
- IE6 7 父级元素的overflow:hidden 是包不住子级的relative
			<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ... 
- Python3基础 list(reversed())    将一个列表逆转并输出
			镇场诗: 诚听如来语,顿舍世间名与利.愿做地藏徒,广演是经阎浮提. 愿尽吾所学,成就一良心博客.愿诸后来人,重现智慧清净体.-------------------------------------- ... 
- Linux:crontab的安装以及使用方法
			安装crontab: [root@wulaoer ~]# yum install vixie-cron [root@wulaoer ~]# yum install crontabs 说明:vixie- ... 
- JAVA基础-抽象类
			1. 用abstract关键字来修饰一个类时, 这个类叫做抽象类, 用abstract修饰一个方法时, 该方法叫做抽象方法 2. 含有抽象方法的类必须被声明为抽象类, 3. 抽象类必须被继承, 抽象方 ... 
- android4.0 的图库Gallery2代码分析(四) 之相册的数据处理以及显示
			最近迫于生存压力,不得不给人兼职打工.故在博文中加了个求点击的链接.麻烦有时间的博友们帮我点击一下.没时间的不用勉强啊.不过请放心,我是做技术的,肯定链接没病毒,就是我打工的淘宝店铺.嘻嘻.http: ... 
- PAT (Advanced Level) 1029. Median (25)
			scanf读入居然会超时...用了一下输入挂才AC... #include<cstdio> #include<cstring> #include<cmath> #i ... 
- python之requests模块
			1.安装 pip install requests 2.基本用法 就是以某种HTTP方法向远端服务器发送一个请求而已 import requests r = requests.get('https:/ ... 
- css3的box-sizing--从此不用担心盒模型的不兼容
			前段时间阿里的面试问了关于盒模型的东西,众所周知,ie和标准盒模型是有着区别的.面试官问有没有什么办法可以改变盒模型的显示效果.答案是css3的box-sizing: 其可以取三个值: 1.值cont ... 
