发布网友 发布时间:2022-04-27 13:30
共1个回答
热心网友 时间:2022-04-22 03:45
media query 里的 min-width 和 max-width 要“反着”来理解:min-width: 768px,表示最小宽度是768px,即它下面的样式代码在屏幕宽度大于等于768px时生效;max-width: 768px,表示最大宽度是768px,即屏幕宽度小于等于768px时生效。
搞清楚了上面的原理,再来看 ipad 的 media query 被设为 min-width: 768px,因为ipad的竖屏使用场景较多,所以就能优先应用到该样式,那么设置 max-width: 768px 行不行呢?当然也可以,不过这样写,它下面的样式代码的适配场景就少得多,而且这种写法不符合自然的逻辑思维,理解起来有点绕。