媒體查詢工作在Firefox，但無法在Chrome

Question

我想添加一些風格爲1,024像素的屏幕尺寸1280px，所以我用以下媒體查詢：

@media only screen and (min-width: 1024px) and (max-width: 1279px) { 

我的屏幕大小爲1280px。 Firefox不顯示上述查詢中添加的任何樣式（這是正確的），但1280px屏幕尺寸的Chrome瀏覽器顯示上述媒體查詢中添加的樣式。

爲什麼1280px屏幕上的Chrome仍然顯示上述媒體查詢中添加的樣式？我怎樣才能解決上面的查詢Chrome？ 謝謝。

Answer 1

我真的不知道爲什麼你遇到媒體查詢時遇到問題。也許你沒有正確地設計它。

強制性的jsfiddle here

body { background: red; } 
@media only screen and (min-width: 1024px) and (max-width: 1279px) { 
    body { background: blue; } 
}               

我已經與谷歌瀏覽器測試了三種不同類型的屏幕的：
1.小於1,024像素x
2.寬度指定1,024像素x和之間的寬度1279px
3.寬度大於1279px