媒体查询在 Internet Explorer 11 中不起作用 [重复]

Question

我目前正在 WordPress 中创建我的投资组合网站 www.yewtreeweb.co.uk。但是，我在让媒体查询在 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;
              }
         }
     }

Answer 1

改为

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

使用这个

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

Answer 2

虽然在CSS3（但不是 2.1）中允许嵌套媒体查询，但我可以想象这正是具有跨浏览器问题的那种事情。

我不明白你为什么要测试 min-width 两次，但考虑将它们放在同一个查询中，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
    //...
}