在编写CSS媒体查询时,是否可以使用"OR"逻辑指定多个条件?
我正在try 这样做:
/* This doesn't work */
@media screen and (max-width: 995px OR max-height: 700px) {
...
}
在编写CSS媒体查询时,是否可以使用"OR"逻辑指定多个条件?
我正在try 这样做:
/* This doesn't work */
@media screen and (max-width: 995px OR max-height: 700px) {
...
}
使用逗号指定两个(或多个)不同规则:
@media screen and (max-width: 995px),
screen and (max-height: 700px) {
...
}
从https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
逗号用于将多个媒体查询合并为单个规则.逗号分隔列表中的每个查询都与其他查询分开处理.因此,如果列表中的任何查询为TRUE,则整个媒体语句返回TRUE.换句话说,列表的行为类似于逻辑或运算符.