javascript - 媒体屏幕和最小宽度 : 965px and max-width: 965px

Question

@media screen and (min-width: 965px){
   //style here
}
@media screen and (max-width: 965px){
   //some other style
}

在小于或大于 965px 时一切正常，但是当屏幕出现 965px 错误时

有什么办法可以解决吗

Answer 1

调换顺序，在 2 之间给自己 1px 的余地。

@media screen and (max-width: 964px){
   //some style
}   


@media screen and (min-width: 965px){
   //style here
}

这样就没有重叠了。

注意:不建议在屏幕尺寸查询中使用 bot min 和 max width。如果你只使用 min-width，并从小到大列出它们，下面的将覆盖上面的。