我想编写一个CSS媒体查询,以匹配宽度至少为800px和高度为800px的所有设备。此媒体查询的目的是定位平板电脑,但排除手机。在这种情况下,我不必担心台式机,因为我只针对移动设备。
我开始于:
@media all and (min-device-width: 800px), all and (min-device-height: 800px)
...但是我不相信这会起作用,因为如果同时满足两个条件(逻辑或),那将是正确的。
所以我的下一个猜测是:
@media all and (min-device-width: 800px, min-device-height: 800px)
AND(而不是OR)的语法是什么?
最佳答案
从声明中删除逗号
@media all and (min-device-width: 800px) and (min-device-height: 800px) {
//...........
}
阅读此doc了解更多信息