媒體屏幕和最小寬度：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)之前定義默認樣式，並在此塊中重新定義屬性或定義您需要的其他樣式。