bootstrap 兼容ie8 浏览器

最新推荐文章于 2018-08-27 10:04:00 发布

zhangzhen1026

最新推荐文章于 2018-08-27 10:04:00 发布

阅读量3k

点赞数

分类专栏： bootstrap ie8 浏览器兼容文章标签： bootstrap ie8 浏览器

本文链接：https://blog.csdn.net/zhangzhen1026/article/details/44573925

版权

bootstrap 同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

ie8

1 篇文章 0 订阅

订阅专栏

浏览器兼容

1 篇文章 0 订阅

订阅专栏

今天晚上在玩弄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>

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