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

前端之家收集整理的这篇文章主要介绍了css – 媒体查询在Internet Explorer 11中不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Nesting @media rules in CSS1个
大家好我目前正在 www.yewtreeweb.co.ukwordpress中创建我的投资组合网站.但是我遇到了在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;
              }
         }
     }

解决方法

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

用这个

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

猜你在找的CSS相关文章