0

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

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

我的问题是 IE 中有一些元素丢失或 div 位置改变。现在我听说您可以为浏览器调用单独的 ie 样式表，但我遇到了一些问题。

加载时，您可以看到标签：

<!--[if lt IE]> <![endif]-->在实际的网站副本中。

当我使用不同的背景颜色进行测试时，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>
4

1 回答 1

0

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

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

并且工作正常！

于 2013-04-17T10:19:14.637 回答