1

我正在寻找一种方法来组合几个 CSS 媒体查询条件。我想在以下情况下应用某些规则

a) 最大宽度为 480 或 b) 最大宽度为 800，因为设备的方向是横向

是否可以将其放在一个声明中？我显然可以制定两条规则并为它们提供相同的 CSS 内容，但这不是很有效

提前致谢

编辑：请参阅下面的附加评论

4

1 回答 1

1

鉴于当今大多数计算机显示器将具有更宽的分辨率，您可以使用max-device-width来区分手机和台式机：

@media screen and (max-device-width: 800px) and (orientation:landscape), screen and (max-width: 480px)

请注意，查询由逗号分隔，相当于逻辑“或”运算符

于 2013-08-25T20:27:45.573 回答