CSS @媒體屏幕寬度不起作用

Question

我使用類似於此處建議的媒體查詢來創建一個取決於屏幕大小的頁面。

上限和下限均為@media only screen and (min-width: 601) and (max-width: 1249px)的媒體查詢不起作用。 怎么了？

我為我的問題制造了一個小提琴

Answer 1

您需要將度量單位添加到min-width ：

@media only screen and (min-width: 601px) and (max-width: 1249px) {

這是小提琴（在添加顏色后只是為了使其更容易測試查詢）： http : //jsfiddle.net/ffrv703e/7/