Question

我在Wordpress上有一个响应式网站，除了IE的浏览器之外，它在所有平台上运行良好。

为了解决IE的响应问题，我使用了一个名为respond.js的插件，这个插件非常棒，并将我的主要样式表中的媒体查询引入IE。

我的问题是IE中缺少某些元素或div改变了位置。现在我听说你可以单独调用浏览器的样式表，但我遇到了一些问题。

在加载时，您可以看到标记：

实际网站副本中的

。

ie样式表确实在我测试时加载了不同的背景颜色，但在该样式表中没有媒体查询。当我的浏览器变小并且宽度为100％时，我会丢失一些重要的div并且我无法改变我的原始样式表，因为在其他浏览器中它是可以的。

我真的希望这是有道理的，下面是我的元素在我的标题中的位置：

<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/media-queries.css"/>

<!--[if lt IE]>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_directory'); ?>/ie.css"/>
<![endif]-->

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/respond.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/placeholder.js"></script>
<script src="http://malsup.github.com/jquery.cycle2.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>

Answer 1

我将我的ie链接样式表更改为：

<!--[if IE]>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/ie.css" type="text/css" />
<!![endif]-->

工作正常！

响应媒体查询IE

1 个答案: