关于bootstrap theme ie 7 8 兼容的一点小结

由 月亮不孤主 提交于 23 June 2014

从drupal.org 下载的Bootstrap 3  theme 默认无法兼容IE 8 和IE 7，你在IE8 和IE 7 下看会变成移动模式。

为了解决这个问题，需要额外做如下配置：

  1. 在 html.tpl.php <head>内加上这个meta 标签：<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  2. 将bootstrap 的main.css 改为本地加载而非CDN 加载，但是不能在.info 文件哪里加载，因为在Info 文件加载会使用@import 模式导致下面要添加的respond.js 不能识别，必须在html.tpl.php 用<link  href="xxxx" /> 这种方式加载。
  3. Bootstrap 默认对于对于<!--[if lt IE 9]> 只加载html5.js，但是对于bootstrap 3.x  单是这个JS 是不够的 我们还需要加载respond.js :~ 
     <!-- HTML5 element support for IE6-8 -->
<!--[if lt IE 9]>

  <script type='text/javascript' src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <script type='text/javascript' src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js"></script>

<![endif]-->
  4.  注意因为google 和cloudlfare 等CDN 经常被HX，所以如果是面向国内用户，最好是本地来加载html5.js 和respond.js 
板块
Drupal 主题开发
Drupal 版本
Drupal 7.x

分类

最新话题