媒体查询在Internet Explorer 11中不起作用

时间:2014-09-26 12:18:16

标签: css media-queries internet-explorer-11

大家好我正在www.yewtreeweb.co.uk在WordPress中创建我的投资组合网站。但是,我遇到了使媒体查询在Internet Explorer 11中工作的问题。

当我添加媒体查询时,样式不会显示在Internet Explorer的inspect element控制台中,但会出现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;
              }
         }
     }

2 个答案:

答案 0 :(得分:13)

而不是

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

使用此

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

答案 1 :(得分:1)

虽然在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
    //...
}