有没有办法在Internet Explorer 11上使用嵌套媒体查询？

Question

我已经在我创建的响应式网站中首次使用了嵌套媒体查询。这些帮助网站看起来像我想要在12“笔记本电脑和肖像Ipad，例如，除了Internet Explorer 11（和以下的事情），它们都可以正常工作。

检查caniuse它指定嵌套媒体查询不支持IE11

这是CSS的样子：

@media all and (max-width: 1024px) { 
 
    @media all and (max-height: 860px) { 
 
    /*Some code*/ 
 
    } 
 
    @media all and (min-height: 769px) { 
 
    /*Some Code*/ 
 
    } 
 
}

我能做些什么，或者使用这样日在这些媒体查询将在IE11上工作？

Answer 1

您可以UNNEST他们是这样的：

@media all and (max-width: 1024px) and (max-height: 860px) { 
    /*Some code*/ 
} 
@media all and (max-width: 1024px) and (min-height: 769px) { 
    /*Some Code*/ 
} 

或者你可以考虑使用较少的编译器这会为你做的（以及许多其他的功能也一样）。即使少，你应该考虑改变你的代码，以便all不再重复，像这样：

@media all and (max-width: 1024px) { 
    @media (max-height: 860px) { 
    /*Some code*/ 
    } 
    @media (min-height: 769px) { 
    /*Some Code*/ 
    } 
}