我想编写一个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了解更多信息

10-04 22:56