您可以将一个媒体查询嵌套在另一个媒体查询中吗？

Question

我有一个仅在设备宽度为平板电脑或更小时才会出现的问题 "max-width:1024px"。是否可以将媒体查询嵌套在另一个媒体查询中？

@media screen and (max-width:1024px){
     @media screen and (-webkit-min-device-pixel-ratio:0)
     { 
        /* Safari and Chrome */
        ul#squareImgUL{
            bottom: 10px;
        } 

        /* Safari only override */
        ::i-block-chrome,ul#squareImgUL{
            bottom: 0px !important;
        } 
    }
}

Answer 1

遗憾的是，您不能嵌套媒体查询，但可以使用 and 运算符

@media screen and (max-width:1024px) and 
    (-webkit-min-device-pixel-ratio:0) {
...

Answer 2

遗憾的是你不能，但将它们配对也很好

@media screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:0){

}