bootstrap 兼容ie8 浏览器

今天晚上在玩弄bootstrap的时候，发现在ie8上不兼容（吐槽下，即使是官方的demo，在ie8上，效果也非常差，），原来是不支持媒体查询的缘故，但在项目开发中，ie8肯定得考虑的，找了好久，终于找到原因了。

官方例子：http://v3.bootcss.com/examples/navbar/。其实解决方法很简单，把bootstrap下载到本地，不要使用他的cdn来加载，我猜想应该是媒体查询等特性，不支持跨域吧。

完整demo：

<pre name="code" class="html"><pre name="code" class="html"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

    <title>Bootstrap 101 Template</title> <!-- Bootstrap -->

    <link href="/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --><!-- WARNING: Respond.js doesn't work if you view the page via file:// --><script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>

    <!-- Include all compiled plugins (below), or include individual files as needed --><!-- jQuery (necessary for Bootstrap's JavaScript plugins) --><script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script><script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>

没考虑其他情况，希望对大家有帮助

bootstrap 兼容ie8 浏览器相关推荐

bootstrap 兼容ie8浏览器
bootstrap 兼容ie8 简单说明完整代码 Demo下载简单说明最近做项目碰到个问题,就是用bootstrap做后台框架的时候,发现IE9以下都不能完整的兼容. IE8表现为:界面兼容,b ...
让Bootstrap 3兼容IE8浏览器
看到这篇文章有越来越多的人看,我决定给大家节省时间,废话少说.有几个点大家要注意. 1.本地调试需要Web Server(如IIS.Apache,Nginx),单纯地本地打开文件不能看到兼容效果. 2 ...
【兼容】兼容IE8浏览器
bootstrap3 兼容IE8浏览器近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框 ...
js导出word文档可以兼容IE8+浏览器适配其他浏览器
js导出word文档,兼容IE8浏览器其他浏览器需要引入两个文件:FileSaver.js 和 jqueryWordExport.js 需要兼容IE8浏览器需要引用:FileSaver.js exc ...
bootstrap3 兼容IE8浏览器
近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框.进度条.媒体对象等,bootstrap ...
border-radius 兼容 IE8浏览器
我们都知道,前端开发最让人头疼的事情,就是兼容ie系列的浏览器了,不但麻烦还让人头秃,今天记录一个border-radius属性IE8浏览器兼容的问题.在IE8浏览器里面,border-radius这 ...
页面水印原生js 兼容ie8浏览器
需求缘由项目是前后端不分离开发的,很老的项目,里面很多插件只能支持ie8,业主公司浏览器都是ie8 ,这次想给所有页面添加用户水印,所以开发需要兼容ie8 水印代码创建一个js 文件waterma ...
bootstrap兼容ie8以下版本
2019独角兽企业重金招聘Python工程师标准>>> 由于bootstrap用到了css3+html5 并且ie8以下的浏览器不支持css3和html5.很多公司现在都市ie8以下 ...
bootstrap 兼容哪些浏览器
Bootstrap的目标是在最新的桌面和移动浏览器上有最佳的表现,也就是说,在较老旧的浏览器上可能会导致某些组件表现出的样式有些不同,但是功能是完整的.bootstrap3支持的浏览器: Chrome ...

bootstrap 兼容ie8 浏览器

bootstrap 兼容ie8 浏览器相关推荐

最新文章

热门文章