Bootstrap兼容IE8

Bootstrap 不支持 IE 古老的兼容模式。为了让 IE 浏览器运行最新的渲染模式下,建议将此 <meta> 标签加入到你的页面中:

1 <meta http-equiv="X-UA-Compatible" content="IE=edge">

国内浏览器厂商一般都支持兼容模式(即 IE 内核)和高速模式(即 webkit 内核),不幸的是,所有国产浏览器都是默认使用兼容模式,这就造成由于低版本 IE (IE8 及以下)内核让基于 Bootstrap 构建的网站展现效果很糟糕的情况。幸运的是,国内浏览器厂商逐渐意识到了这一点,某些厂商已经开始有所作为了!

将下面的 <meta> 标签加入到页面中,可以让部分国产浏览器默认采用高速模式渲染页面:

1 <meta name="renderer" content="webkit">

目前只有360浏览器(摘自Bootstrap中文站,随时可能变动)支持此 <meta> 标签。希望更多国内浏览器尽快采取行动、尽快进入高速时代!

最重要的(需要服务器环境):

1 <!--[if lt IE 9]>
2       <script src="html5shiv.js"></script>
3       <script src="respond.min.js"></script>
4 <![endif]-->
时间: 2024-10-09 21:22:15

Bootstrap兼容IE8的相关文章

bootstrap兼容ie8以下版本

由于bootstrap用到了css3+html5 并且ie8以下的浏览器不支持css3和html5.很多公司现在都市ie8以下的浏览器不用兼容的,但是也有好多地方需要兼容.遇到这样的问题很好解决,只需将下面这段代码加入head中即可. <!--[if lte IE 9]> <script src="components/bootstrap/dist/js/respond.min.js"></script> <script src="c

bootstrap兼容ie8浏览器

只需要引这3个包就可以了 <link rel="stylesheet" href='bootstrap/dist/css/bootstrap.css'> <!--[if lte IE 9]> <script src='bootstrap/js/html5shiv.js'></script> <script src='bootstrap/js/respond.js'></script> <![endif]--&

【转】让Bootstrap 3兼容IE8浏览器

FROM : http://www.ijophy.com/2014/05/bootstrap3-compatible-with-ie8.html 最近在研究Bootstrap(官方,Github)这个优秀的前端框架,Bootstrap最开始是Twitter团队内部的一个前端框架,所谓前端框架就是一个CSS/HTML框架,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框.进度条.媒体对象等.Bootstrap他们预先定义好,等要进行正式制作网页的时候,

让Bootstrap 3兼容IE8浏览器

http://www.ijophy.com/2014/05/bootstrap3-compatible-with-ie8.html 看到这篇文章有越来越多的人看,我决定给大家节省时间,废话少说.有几个点大家要注意. 1.本地调试需要Web Server(如IIS.Apache,Nginx),单纯地本地打开文件不能看到兼容效果. 2.如果你发现已经引用了respond.js和Bootstrap,仍无效果,请查看你的Bootstrap是否使用了CDN文件.(详情看第4点) 3.本文主要针对Boots

【Bootstrap】一个兼容IE8、谷歌等主流浏览器的受众门户式风格页面

上一次写的<[Bootstrap]一个兼容IE8.谷歌等主流浏览器的受众巨幕式风格页面>(点击打开链接) 部分老一辈的需求可能对这种后现代的风格并不满意, 没关系,我们完全可以改变布局 拉成门户式的风格, 他们马上屁颠屁颠地接受了: 首先,门户式的布局的大概你要清楚, 这一才利于我们快速布局 开头是一个较小的巨幕, 之后是一个导航栏,这里还是用到了按钮组 接着是各个专栏,这里是关于bootstrap栅格系统与面板的运用 最后是版权信息,这里还是一个面板 反正个人觉得这种门户式的布局风格烂大街,

【Bootstrap】兼容IE8、谷歌和其他主流浏览器的观众IMAX风格的页面

尽管说IE6除了苛刻要求的一部分,我们一直没能考虑,但WIN7内置的浏览器IE8还需要支持. 在本文中,基本这种方法的优点,我个人认为,这是准备少.我们不需要在网上找了很多照片,使材料,你只要准备好了bootstrap.jquery与photoshop在上面.bootstrap与jquery怎么配置.能够參考<[Bootstrap]一个在当前网页弹出的对话框,能够关闭.不用跳转.非弹窗>(点击打开链接) 被要求编写一个站点,经常会被怎样布局困扰. 事实上也不难.假设可以熟练使用Bootstra

Bootstrap 3兼容IE8浏览器(转)

Bootstrap是一个响应式的布局,你可以在宽屏电脑.普通电脑,平板电脑,手机上都得到非常优秀的布局体验.这种响应式的布局正是通过CSS3的媒体查询(Media Query)功能实现的,根据不同的分辨率来匹配不同的样式.IE8浏览器并不支持这一优秀的Css3特性,Bootstrap在开发文档中写了如何使用进行兼容IE8.但是笔者多次尝试没有成功,IE8的布局是乱的.直到今天忍无可忍,决定再尝试一下,最终获得成功.有些细节没有注意到,导致IE8没法响应式布局. 下面讲解下如何让Bootstrap

【Bootstrap】一个兼容IE8、谷歌等主流浏览器的受众巨幕式风格页面

虽然说IE6除了部分要求苛刻的需求以外已经被可以不考虑了,但是WIN7自带的浏览器IE8还是需要支持的. 本文这个方法主要的优点,个人觉得就是准备少,不需要上网寻找大量的图片做素材,你只要准备好一个bootstrap.jquery与photoshop就可以了,bootstrap与jquery怎么配置,可以参考<[Bootstrap]一个在当前网页弹出的对话框,可以关闭,不用跳转,非弹窗>(点击打开链接) 被要求编写一个网站,常常会被如何布局困扰, 其实也不难,如果能够熟练使用Bootstrap

Bootstrap 3 兼容 IE8 浏览器

公司新旧的项目,前端用的Bootstrap3的框架,但它已经放弃对IE9下的支持了.可IE8还是有着许多用户,不能不照顾到他们,IE7以下的,我只想说,现在什么年代了,要解放思想,与时俱进啊,就不能动动手升下级吗. 于是着手解决,在http://www.ijophy.com/2014/05/bootstrap3-compatible-with-ie8.html发现了解决方法,亲测可行.在此声名对此作者的感谢. 进入主题. Bootstrap是一个响应式的布局,你可以在宽屏电脑.普通电脑,平板电脑