编程 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 相关文章推荐

Jquery实现无刷新DropDownList联动实现代码

Mar 08 Javascript

JavaScript中常用的运算符小结

Jan 18 Javascript

jquery 插件开发 extjs中的extend用法小结

Jan 04 Javascript

Jquery增加鼠标中间功能mousewheel的实例代码

Sep 05 Javascript

JS模拟Dialog弹出浮动框效果代码

Oct 16 Javascript

全面理解JavaScript中的闭包

May 12 Javascript

jQuery点击导航栏选中更换样式的实现代码

Jan 23 Javascript

JavaScript之DOM_动力节点Java学院整理

Jul 03 Javascript

vue通过watch对input做字数限定的方法

Jul 13 Javascript

Vue+Flask实现简单的登录验证跳转的示例代码

Jan 13 Javascript

js实现跳一跳小游戏

Jul 31 Javascript

vue npm install 安装某个指定的版本操作

Aug 11 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

thinkPHP+LayUI 流加载实现功能

2019/09/27 PHP

关于laravel 子查询 & join的使用

2019/10/16 PHP

国外的为初学者写的JavaScript教程

2008/06/09 Javascript

读jQuery之九一些瑕疵说明

2011/06/21 Javascript

关于图片的预加载过程中隐藏未知的

2012/12/19 Javascript

Jquery实现网页跳转或用命令打开指定网页的解决方法

2013/07/09 Javascript

jquery三个关闭弹出层的小示例

2013/11/05 Javascript

JS判断不能为空实例代码

2013/11/26 Javascript

javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法

2014/04/12 Javascript

javascript RegExp 使用说明

2016/05/21 Javascript

JS命令模式例子之菜单程序

2016/10/10 Javascript

JavaScript实现清空(重置)文件类型INPUT元素值的方法

2016/11/17 Javascript

微信小程序扎金花简单实例

2017/02/21 Javascript

React-router中结合webpack实现按需加载实例

2017/05/25 Javascript

详解VUE 定义全局变量的几种实现方式

2017/06/01 Javascript

微信小程序之前台循环数据绑定

2017/08/18 Javascript

vue中使用cropperjs的方法

2018/03/01 Javascript

js常见遍历操作小结

2019/06/06 Javascript

js实现踩五彩块游戏

2020/02/08 Javascript

微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)

2020/04/09 Javascript

ant-design-vue 时间选择器赋值默认时间的操作

2020/10/27 Javascript

[02:06]DOTA2英雄基础教程暗影萨满

2013/12/16 DOTA

Python 文件操作实现代码

2009/10/07 Python

Python上传package到Pypi(代码简单)

2016/02/06 Python

python正则分析nginx的访问日志

2017/01/17 Python

Python对文件和目录进行操作的方法(file对象/os/os.path/shutil 模块)

2017/05/08 Python

python简单实例训练(21~30)

2017/11/15 Python

python3 写一个WAV音频文件播放器的代码

2019/09/27 Python

DJango的创建和使用详解(默认数据库sqlite3)

2019/11/18 Python

前端制作动画的几种方式（css3，js）

2016/12/12 HTML / CSS

教师演讲稿大全

2014/05/16 职场文书

护士求职信范文

2014/05/24 职场文书

2014年领导班子工作总结

2014/12/11 职场文书

python批量创建变量并赋值操作

2021/06/03 Python

通过shell脚本对mysql的增删改查及my.cnf的配置

2021/07/07 MySQL

MySQL数据库事务的四大特性

2022/04/20 MySQL