让bootstrap兼容ie6 ie7 ie8 ie9 ie10 ie11的解决方法

前两天遇到要bootstrap兼容ie各个版本的问题，但是各种百度，各种博客，最后算是解决了，但是迷迷糊糊的，现在来总结一下，如有雷同纯属总结。
首先看看代码的模样：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<title> </title>
<link rel="stylesheet" type="text/css" href="bootstrap-3.3.5-dist/css/bootstrap.css"  media="screen"/>
<link rel="stylesheet" type="text/css" href="bootstrap-3.3.5-dist/css/bootstrap-theme.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/front/style.css" media="screen" /><script src="js/jquery-1.11.1.js"></script><!--[if lte IE 9]>
<link rel="stylesheet" type="text/css" href="css/front/ie.css" media="screen" />//针对ie9以下浏览器修改代码
<script src="bootstrap-3.3.5-dist/js/respond.js"></script>
//Respond.js 是一个快速、轻量的 polyfill,用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性
<script src="bootstrap-3.3.5-dist/js/html5.js"></script>//,让IE(包括IE6)支持HTML5元素
<script src="bootstrap-3.3.5-dist/js/css3-mediaqueries.js"></script>//解决IE8及低版本浏览器不支持CSS3
<![endif]-->
<!--bootstrap兼容ie8，css3兼容mediaqurey--><script src="bootstrap-3.3.5-dist/js/bootstrap.js"></script>
</head>
<body>
</body>
</html>

说明：
1.ie.css这是自己写的
2.respond.js、html5.js、css3-mediaqueries.js可以百度到的。稍后我也会上传到我的资源里

让bootstrap兼容ie6 ie7 ie8 ie9 ie10 ie11的解决方法相关推荐

bootstrap支持ie8 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
做一个在线系统,PC端也要做,但要兼容千恶的IE8[IE6 是万恶,打死我都不会管IE6],IE8 是我底线了md, 在IE8下 bottstrap 错乱,变形,不支持一些属性的问题,下面看了一篇某 ...
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
转自:http://blog.csdn.net/chenhongwu666/article/details/41513901 最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bo ...
CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法
300px!important;width /**/:340px;margin:0 10px 0 10px} ,关于这个/**/是什么我也不太明白,只知道IE5和firefox都支持但IE6不支持,如 ...
IE兼容问题IE6,IE7,IE8,IE9,IE10
x-ua-compatible 用来指定IE浏览器解析编译页面的model x-ua-compatible 头标签大小写不敏感,必须用在 head 中,必须在除 title 外的其他 meta 之前使 ...
一行代码轻松搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题? 百度源代码如下: <!Doctype html& ...
搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 -
在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题? 百度源代码如下: 1 <!Doctype htm ...
解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题百度源代码如下 <!Doctype html> ...
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题百度源代码如下 <!Doctype html> ...
IE6 IE7 IE8 IE9 IE10 Css hack及IE条件注释法
IE浏览器的csshack写法和IE条件注释语句 IE css hack 网络上有很多针对IE的css hack写法,但很多都缺乏实际的实战经验,今天我把我测试的结果来给大家分享下,注意:你们最好还是 ...

让bootstrap兼容ie6 ie7 ie8 ie9 ie10 ie11的解决方法

让bootstrap兼容ie6 ie7 ie8 ie9 ie10 ie11的解决方法相关推荐

最新文章

热门文章