Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/drupal/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Drupal 7 Zen子主题IE8响应性_Drupal_Internet Explorer 8_Media Queries_Drupal Theming_Drupal Zen - Fatal编程技术网

Drupal 7 Zen子主题IE8响应性

Drupal 7 Zen子主题IE8响应性,drupal,internet-explorer-8,media-queries,drupal-theming,drupal-zen,Drupal,Internet Explorer 8,Media Queries,Drupal Theming,Drupal Zen,使用Drupal 7的Zen starter主题,我创建了以下站点:。一切似乎都很好,随着问题的出现,我一直在想办法解决问题。然而,我一直在努力让IE8尊重响应风格。以下是我所做的: 站点设置: 选中-添加Respond.js JavaScript将基本CSS3媒体查询支持添加到IE 6-8。 选中-添加HTML5填充JavaScript以添加对IE 6-8的支持。 选中-添加元标记以支持移动设备上的响应式设计。 这就要求采取行动: <script src="/themes/zen/js/

使用Drupal 7的Zen starter主题,我创建了以下站点:。一切似乎都很好,随着问题的出现,我一直在想办法解决问题。然而,我一直在努力让IE8尊重响应风格。以下是我所做的:

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

这就要求采取行动:

<script src="/themes/zen/js/html5-respond.js"></script>
请随意检查站点文件。我花了一天的大部分时间试图解决这个问题,但运气不佳


提前感谢您的帮助。

显示mediaqueries在live服务器上工作,但在我们的本地服务器上不工作。奇怪。不确定原因。

显示mediaqueries在live服务器上工作,但在本地服务器上不工作。奇怪。不确定原因。

我还注意到您必须在config.rb文件中将firesass设置为false。如果启用了Firesass,它在IE8中就不会工作。

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

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

发件人:

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


因此,css3-mediaqueries.js只有在CSS聚合打开时(在生产中)才会生效。

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

发件人:

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

因此,css3-mediaqueries.js只有在打开CSS聚合(在生产中)时才会生效

<!--[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]-->
@media screen and (max-width:1100px) {
    html{font-size: 83%;}
    #header {background:blue;}
}