0

使用 Drupal 7 的 Zen 入门主题，我创建了这个站点：www.nettango.com。一切似乎都很好，我一直在解决问题。然而，我一直试图让 IE8 尊重响应式风格。这是我所做的：

站点设置：
选中- 添加 Respond.js JavaScript 以将基本的 CSS3 媒体查询支持添加到 IE 6-8。
选中- 添加 HTML5 shim 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网站文件。我花了我一天的大部分时间试图解决这个问题并且没有运气。

提前感谢您的帮助。

4

3 回答 3

3

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

来自css3-mediaqueires.js 项目摘要：

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

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

于 2013-07-08T11:48:55.620 回答
0

似乎媒体查询在实时服务器上工作，但不在我们的本地服务器上。奇怪的。不知道为什么会这样。

于 2013-02-07T15:19:00.353 回答
0

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

于 2013-04-23T14:25:28.630 回答