gpt4 book ai didi

html - 组合 CSS 媒体查询条件

转载 作者:行者123 更新时间:2023-11-28 18:12:26 26 4
gpt4 key购买 nike

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

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

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

提前致谢

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

最佳答案

鉴于现在大多数计算机显示器的分辨率都比较高,您可以使用 max-device-width 来区分移动设备和台式机:

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

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

关于html - 组合 CSS 媒体查询条件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18433190/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com