媒体查询不能在Internet Explorer 11中工作

嗨，大家好我目前正在用WordPress创建我的投资组合网站www.yewtreeweb.co.uk。不过，我在获取媒体查询在Internet Explorer 11中工作时遇到问题。媒体查询不能在Internet Explorer 11中工作

当我添加媒体查询时，样式不会显示在Internet Explorer的检查元素控制台中，但会显示BootStrap的媒体查询。这是与WordPress的事情，或者我做错了什么？

另外，如果不在媒体查询中，我的样式也会起作用。

@media screen and (min-width: 1024px){ 
     @media screen and (min-width: 64.000em){ 
      #imgholder-left{ 
       padding-right: 0; 
      } 
      #imgholder-right{ 
       padding-left: 0; 
      } 
      #leftimg > img { 
       width: 400px; 
       } 
       #rightimg > img { 
       width: 600px; 
       } 
     } 
    }

来源

2014-09-26 Mat Teague

我不认为你可以嵌套媒体查询 – ckuijjer 2014-09-26 12:21:56

嵌套媒体查询*是*允许在[CSS3]（http://www.w3.org/TR/css3-conditional/#processing）（但不是2.1） – Moob 2014-09-26 12:40:10

代替

@media screen and (min-width: 1024px){ 
    ... 
}

使用本

@media all and (min-width: 1024px) { 
    ... 
}

来源

2014-09-26 12:21:58

或因为它是最小宽度1024只是为该网站设置默认的CSS并离开关闭媒体查询... – 2014-09-26 12:32:38

嗨Vitorino谢谢你的帮助。现在查询显示在IE11中，谢谢。然而，它并没有真正的工作，因为它仍然适用于分辨率低于1024像素时的样式，并且完全不显示，当更改为最大时 – 2014-09-26 12:45:59

也将@ media screen更改为@ media全部嵌套到嵌套样式（min-width：64.000 em） – 2014-09-26 12:50:24

虽然嵌套的媒体查询被允许CSS3（而不是2.1），我可以想像，这正是诸如此类的事情，它存在跨浏览器问题。

我不明白你为什么两次测试的最小宽度，但考虑将它们放在同一个查询，comma-separated to signify an OR：

@media screen and (min-width: 1024px), screen and (min-width: 64.000em) { 
    //if *either* of these are matched then apply these rules 
    //... 
}

来源

2014-09-26 12:44:46 Moob

感谢您的回复Moob。这正是我在大学里被教授将他们嵌入查询的方式。 – 2014-09-26 12:59:19

媒体查询不能在Internet Explorer 11中工作

回答

相关问题