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

Question

alert(data: [foo()]) // Actually I keep it in my function and **it works**

每件事都可以在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。如果您只使用最小宽度，并将它们从最小到最大列出，下面的那个将覆盖它上面的那个。

Answer 2

只需将第二个更改为

即可

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

这样，y将被分开并且不会互相干扰。