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

Question

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

每一件事的正常工作小于或大于965px以上但是当965px错误屏幕出现

是有什么办法来解决这

Answer 1

只需更改第二个到

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

这种方式在y将保持分隔的，不会互相干扰。

Answer 2

开关顺序，给自己留有余地的1px的2

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


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

之间。这样，没有重叠。

注意：不建议在屏幕尺寸查询中使用机器人最小和最大宽度。如果您只是使用最小宽度，并将它们从最小到最大列出，那么下面的将覆盖它上面的那个。

Answer 3

除非您打算定义额外的@media s，否则您不得指定一行@media screen and (min-width: 965px)。

您可以在@media screen and (max-width: 964px)之前定义默认样式，并在此块中重新定义属性或定义您需要的其他样式。