在CSS中组合特定媒体查询

Question

我希望将样式应用于一组非常特定的宽度/高度组合。

目前我有两个组合分隔，但我还有其他一些组合要添加：

@media  only screen
    and (width: 468px)
    and (height : 60px) {

    .header {
        height:100%;   
    }
}

@media  only screen 
    and (width: 728px)
    and (height : 90px) {

    .header {
        height:100%;   
}

我尝试将这些组合成一个媒体查询失败了。有可能吗？

非常感谢。

Answer 1

你可以试试这个：

@media 
   only screen and (width: 468px) and (height : 60px), 
   only screen and (width: 728px) and (height : 90px) {

    .header {
      height:100%;   
    }
}