结合CSS媒体查询条件

时间:2013-08-25 20:08:19

标签: html css media-queries

我正在寻找一种结合多种CSS mediaquery条件的方法。 我想在

时应用某些规则

a)最大宽度为480 OR b)如果设备的方向是横向的,则最大宽度为800

是否可以将其置于一个陈述中?我显然可以制定两个规则并给它们两个相同的CSS东西,但这不是很有效

提前致谢

编辑:请参阅下面的其他评论

1 个答案:

答案 0 :(得分:1)

鉴于现在大多数计算机显示器具有更宽的分辨率,您可以使用max-device-width来区分手机和桌面:

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

请注意,查询以逗号分隔,相当于逻辑“OR”运算符