有沒有辦法在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*/ 
    } 
}