媒体屏幕，最小宽度：965像素，最大宽度：965像素

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
}

这样，就不会有重叠。

注意：建议不要在屏幕尺寸查询中使用最小和最大宽度。 如果仅使用最小宽度，并从最小到最大列出它们，则下面的一个将覆盖上面的一个。

Answer 2

只需将第二个更改为

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

这样，y将保持分离，并且不会互相干扰。