媒体屏幕和最小宽度:965px，最大宽度:965px

Question

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

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

有没有办法修复

Answer 1

改变顺序，并在两者之间留出1px的空间。

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

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

这样，就没有重叠。

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

Answer 2

把第二个改成

@media screen and (max-width: 964px){