游客您好
第三方账号登陆
Lv.9 管理员
1号会员,2592活跃度,2017/05/26 加入学习
  • 1394发帖
  • 426主题
  • 10关注
  • 4粉丝
这个人很懒,什么也没有留下。
最新推荐更多

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

[复制链接]
amecaton实名认证 QQ认证 发表于 2020-5-22 18:00:10 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  6. <title> </title>
  7. <link rel="stylesheet" type="text/css" href="bootstrap-3.3.5-dist/css/bootstrap.css"  media="screen"/>
  8. <link rel="stylesheet" type="text/css" href="bootstrap-3.3.5-dist/css/bootstrap-theme.css" media="screen" />
  9. <link rel="stylesheet" type="text/css" href="css/front/style.css" media="screen" />


  10. <script src="js/jquery-1.11.1.js"></script>

  11. <!--[if lte IE 9]>
  12. <link rel="stylesheet" type="text/css" href="css/front/ie.css" media="screen" />//针对ie9以下浏览器修改代码
  13. <script src="bootstrap-3.3.5-dist/js/respond.js"></script>
  14. //Respond.js 是一个快速、轻量的 polyfill,用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性
  15. <script src="bootstrap-3.3.5-dist/js/html5.js"></script>//,让IE(包括IE6)支持HTML5元素
  16. <script src="bootstrap-3.3.5-dist/js/css3-mediaqueries.js"></script>//解决IE8及低版本浏览器不支持CSS3
  17. <![endif]-->
  18. <!--bootstrap兼容ie8,css3兼容mediaqurey-->

  19. <script src="bootstrap-3.3.5-dist/js/bootstrap.js"></script>
  20. </head>
  21. <body>
  22. </body>
  23. </html>

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




• 本内容来源互联网,如涉及版权问题请及时联系站长
• 为防止代码解析,除代码框内<>为正常,其余请重新替换<>尖括号

发布资源 快速回复 站点服务大厅 搜索 官方群