我正在寻找一种结合多种CSS mediaquery条件的方法。 我想在
时应用某些规则a)最大宽度为480 OR b)如果设备的方向是横向的,则最大宽度为800
是否可以将其置于一个陈述中?我显然可以制定两个规则并给它们两个相同的CSS东西,但这不是很有效
提前致谢
编辑:请参阅下面的其他评论
答案 0 :(得分:1)
鉴于现在大多数计算机显示器具有更宽的分辨率,您可以使用max-device-width
来区分手机和桌面:
@media screen and (max-device-width: 800px) and (orientation:landscape), screen and (max-width: 480px)
请注意,查询以逗号分隔,相当于逻辑“OR”运算符