编程 Javascript

bootstrap IE8 兼容性处理

Posted in Javascript onMarch 22, 2017

bootstrap IE8 兼容性处理

<!DOCTYPE html>
<html lang="zh-CN">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap IE8兼容性</title>
    <link href="css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" rel="external nofollow" />
    
    <!--[if lt IE 9]>
       <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
       <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
  </head>

  <body>
    <div class="container">
      <div class="row">
        <div class="col-sm-6" style="border: 1px solid red;">
          左侧
        </div>
        <div class="col-sm-6" style="border: 1px solid green;">
          右侧
        </div>
      </div>
    </div>
  </body>

</html>

针对 IE8 仍然需要额外引入 Respond.js 文件以支持媒体查询（media query）。

1、http协议下效果（如：http://192.168.12.40:8020/bootstrap/index.html）：

bootstrap IE8 兼容性处理

2、file文件协议IE8下效果（如：C:\Users\dell\Documents\HBuilderProject\bootstrap\index.html）

bootstrap IE8 兼容性处理

如上图所示，已经不支持栅格布局。

主要存在的问题是：

Respond.js 与 file:// 协议

由于浏览器的安全机制，Respond.js 不能在通过 file:// 协议（打开本地HTML文件所用的协议）访问的页面上发挥正常的功能。如果需要测试 IE8 下面的响应式特性，务必通过 http 协议访问页面（例如搭建 apache、nginx 等）。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

bootstrap IE8 兼容性处理

- Author -

lijiao

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js获取当月最后一天实例代码

Nov 19 Javascript

indexOf 和 lastIndexOf 使用示例介绍

Sep 02 Javascript

JavaScript字符串对象substring方法入门实例（用于截取字符串）

Oct 17 Javascript

Node.js环境下编写爬虫爬取维基百科内容的实例分享

Jun 12 Javascript

jQuery EasyUI基础教程之EasyUI常用组件(推荐)

Jul 15 Javascript

jquery实现ajax加载超时提示的方法

Jul 23 Javascript

jQuery Raty 一款不错的星级评分插件

Aug 24 Javascript

详解wow.js中各种特效对应的类名

Sep 13 Javascript

JavaScript中的高级函数

Jan 04 Javascript

jQuery实现的点击显示隐藏下拉菜单功能完整示例

May 17 jQuery

详解微信小程序自定义组件的实现及数据交互

Jul 22 Javascript

原生javascript运动函数的封装示例【匀速、抛物线、多属性的运动等】

Feb 23 Javascript

详解angular中通过$location获取路径(参数)的写法

Mar 21 #Javascript

jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码

Mar 21 #jQuery

Linux使用Node.js建立访问静态网页的服务实例详解

Mar 21 #Javascript

在 Angular 中实现搜索关键字高亮示例

Mar 21 #Javascript

js省市区级联查询（插件版&无插件版）

Mar 21 #Javascript

Bootstrap学习笔记轮播（Carousel）插件

Mar 21 #Javascript

详解Vue2+Echarts实现多种图表数据可视化Dashboard（附源码）

Mar 21 #Javascript

You might like

PHP 开发环境配置（Zend Studio）

2010/04/28 PHP

深入php var_dump()函数的详解

2013/06/05 PHP

php获取字符串中各个字符出现次数的方法

2015/02/23 PHP

php实现复制移动文件的方法

2015/07/29 PHP

Yii2实现中国省市区三级联动实例

2017/02/08 PHP

Laravel服务容器绑定的几种方法总结

2020/06/14 PHP

JS类定义原型方法的两种实现的区别评论很多

2007/09/12 Javascript

Jquery实现简单的动画效果代码

2012/03/18 Javascript

flash遮住div问题的正确解决方法

2014/02/27 Javascript

轻松学习Javascript闭包函数

2015/12/15 Javascript

html5+canvas实现支持触屏的签名插件教程

2017/05/08 Javascript

利用JavaScript对中文（汉字）进行排序实例详解

2017/06/18 Javascript

浅析vue深复制

2018/01/29 Javascript

解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题

2018/09/14 Javascript

详解vue使用$http服务端收不到参数

2019/04/19 Javascript

解决vuex数据异步造成初始化的时候没值报错问题

2019/11/13 Javascript

JavaScript React如何修改默认端口号方法详解

2020/07/28 Javascript

基于js实现的图片拖拽排序源码实例

2020/11/04 Javascript

python练习程序批量修改文件名

2014/01/16 Python

python在windows下实现ping操作并接收返回信息的方法

2015/03/20 Python

Pandas 合并多个Dataframe(merge,concat)的方法

2018/06/08 Python

pytorch实现MNIST手写体识别

2020/02/14 Python

python代码实现TSNE降维数据可视化教程

2020/02/28 Python

Python同时处理多个异常的方法

2020/07/28 Python

Missguided美国官网：英国时尚品牌

2018/01/18 全球购物

Lowe’s加拿大：家居装修、翻新和五金店

2019/12/06 全球购物

《唯一的听众》教学反思

2014/02/20 职场文书

入党自我鉴定

2014/03/25 职场文书

质量提升方案

2014/06/16 职场文书

项目工作说明书

2014/07/29 职场文书

软环境建设心得体会

2014/09/09 职场文书

2014年节能降耗工作总结

2014/12/11 职场文书

护士求职自荐信范文

2015/03/04 职场文书

出国留学导师推荐信

2015/03/26 职场文书

Redis字典实现、Hash键冲突及渐进式rehash详解

2021/09/04 Redis

SpringBoot前端后端分离之Nginx服务器下载安装过程

2022/08/14 Servers