Question

使用Drupal 7的Zen starter主题，我创建了这个网站：www.nettango.com。一切似乎都很好，我一直在想办法解决问题。但是，我一直在努力让IE8尊重响应式样式。这就是我所做的：

网站设置：
已选中 - 添加Respond.js JavaScript以向IE 6-8添加基本的CSS3媒体查询支持。
已选中 - 添加HTML5填充JavaScript以添加对IE 6-8的支持。
已选中 - 添加元标记以支持移动设备上的响应式设计。

将此称为行动：

<script src="/themes/zen/js/html5-respond.js"></script>

正在加载脚本，但它不遵守我的媒体查询。

之后，我用这些替换了Zen的剧本：

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

具有相同的效果 - 没有。

以下是我的css文件中的示例，用于说明如何设置媒体查询：

@media screen and (max-width:1100px) {
    html{font-size: 83%;}
    #header {background:blue;}
}

随意检查www.nettango.com站点文件。我花了大部分时间试图解决这个问题并且没有运气。

提前感谢您的帮助。

Answer 1

这很可能是因为您在开发模式下尝试使用css3-mediaqueries。 Drupal 7在非CSS聚合模式下对样式表使用@import规则。

来自the css3-mediaqueires.js project summary：

注意：不适用于@ import'ed样式表...

因此，css3-mediaqueries.js只有在打开CSS聚合（生产中）时才会生效。

Answer 2

显示媒体查询在实时服务器上运行，但在本地服务器上运行。奇怪。不知道为什么会这样。

Answer 3

我还注意到你必须在config.rb文件中将firesass设置为false。如果启用了Firesass，它将无法在IE8中运行。

Drupal 7 Zen sub主题IE8响应

3 个答案: