Drupal 7禅宗子主题IE8响应

使用禅宗启动主题为Drupal 7，我创造了这个网站：www.nettango.com。一切似乎都很好，而且我一直在解决问题，因为问题出现了。不过，我一直试图让IE8尊重响应式样式。下面是我做了什么：Drupal 7禅宗子主题IE8响应

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

其中要求采取行动这一点：

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

脚本被加载，但它并没有听从我的mediaqueries。

在那之后，我更换了禅与这些脚本：

<!--[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文件，以显示mediaqueries如何设置：

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

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

在此先感谢您的帮助。

来源

2013-02-06 Tim McKay

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

来源

2013-02-07 15:19:00

我也注意到你必须在你的config.rb文件中设置firesass为false。如果启用Firesass，它不会在IE8中工作。

来源

2013-04-23 14:25:28 seemvision

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

从the css3-mediaqueires.js project summary：

不会注意：对@ import'ed样式工作...

因此，CSS3，mediaqueries.js才会生效时，CSS聚集打开（在生产中）。

来源

2013-07-08 11:48:55 Chris

Drupal 7禅宗子主题IE8响应

回答

相关问题