响应式媒体查询IE

Question

我在Wordpress上有一个响应式网站，它在除IE浏览器之外的所有平台上都能很好地工作。

为了解决IE的响应问题，我使用了一个名为respond.js的插件，它非常棒，并将我的主要样式表中的媒体查询引入到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> 

Answer 1

我改变了我的IE链接样式表来此：

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

和工程罚款！