关于让bootstrap3兼容ie8

官网上有说Internet Explorer 8 和 9 是被支持的，然而，你要知道，很多 CSS3 属性和 HTML5 元素 -- 例如，圆角矩形和投影 -- 是肯定不被支持的。另外， Internet Explorer 8 需要 Respond.js 配合才能实现对媒体查询（media query）的支持。

http://v3.bootcss.com/getting-started/#support-ie8-ie9

不过由于学的不够，在兼容ie8上浪费了太多时间摸索，接下来就给大家介绍一下我的摸索过程，仅供同样是菜鸟的童鞋参考。

同样是官网上说的，由于浏览器的安全机制，Respond. js不能直接在本地访问的页面上发挥正常的功能，如果需要测试ie8响应式特性，必须通过http协议访问页面（例如搭建apache、nginx等）。

通过http协议访问页面是重点，我是这么做的：

1、将需要的文件引入（官网有页面基本框架 http://v3.bootcss.com/getting-started/#template）

<!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"> <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ --> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="css/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:// --> <!--[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> <h1>你好，世界！</h1> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>

2、搭建本地服务器，下载wampserver，然后安装，安装好打开后可以在桌面底部看到绿色w图标，点开图标到Apache，打开文件httpd.conf，然后修改数字127.0.0.1改为all。

3、将你的index.html页面放到图标那里的www目录（w）里

4、然后http：//localhost /root/index.html就能访问了

然后ie8一看，果然正常了。

转载于:https://www.cnblogs.com/dayezi/p/4702038.html

关于让bootstrap3兼容ie8相关推荐

bootstrap3 兼容IE8浏览器
近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框.进度条.媒体对象等,bootstrap ...
Bootstrap3兼容IE8
在使用Bootstarp3的时候,发现在IE8上面的支持并不好,其中使用的H5标签与响应式布局IE8是不支持的,看个例子: <!DOCTYPE html> <html>< ...
【兼容】兼容IE8浏览器
bootstrap3 兼容IE8浏览器近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框 ...
让Bootstrap 3兼容IE8浏览器
看到这篇文章有越来越多的人看,我决定给大家节省时间,废话少说.有几个点大家要注意. 1.本地调试需要Web Server(如IIS.Apache,Nginx),单纯地本地打开文件不能看到兼容效果. 2 ...
兼容ie8_兼容IE8的一些笔记
最近在做项目,要求兼容主流浏览器之外,还得兼容win7的IE8版本,因为很多客户还是老式win7电脑,甚至还有XP系统的,突然一口老血吐出... 好了,话不多说,上点自己平时踩坑后的一些心得. 一.框 ...
兼容ie8 rgba()用法
滤镜filter的用法在一个页面中设置一个半透明的白色div. [css] view plaincopy background: rgba(255,255,255,.1); 但是ie8不支持rgba ...
html中两个标签上对齐,css将两个元素水平对齐的方法(兼容IE8)
css实现水平对齐,如图有人会说css实现这种水平对齐要兼容ie8还不简单吗?使用float: left,或者display: inline-block,不就可以了吗?是的,最常用的最简单方式就是上 ...
java websocket ie8_websocket兼容IE8
最近由于项目需要做实时聊天功能,选择了html5的websocket方案(事实上node.js+socket.io兼容性更好,个人觉得这个方案更加完美),websocket实现实时聊天的demo网上很 ...
支持ie8的时分秒的html,兼容ie8的漂亮jQuery计时器插件
C3counter.js是一款兼容ie8的漂亮jQuery计时器插件.该jQuery计时器插件使用图片作为计时器的背景,通过jquery来驱动时间计时动画,整体效果非常漂亮. 使用方法在页面中引入j ...

关于让bootstrap3兼容ie8

关于让bootstrap3兼容ie8相关推荐

最新文章

热门文章