媒體查詢不在Chrome中工作但在iphone上工作

Question

我在樣式表的底部添加了這個

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

body {
 background: #000 !important;

 }

}

它在iphone上工作正常但我想通過調整瀏覽器大小來測試ff或chrome，它確實添加了樣式。 我怎樣才能讓它運轉起來？

Answer 1

刪除-device

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {

body {
 background: #000 !important;

 }

}

min-width max-width測量瀏覽器窗口的寬度。 min-device-width max-device-width測量永不改變的設備（即你的顯示器）的寬度