css @media屏幕宽度不起作用

Question

我使用类似于建议here的媒体查询来创建一个取决于屏幕大小的页面。

包含上限和下限@media only screen and (min-width: 601) and (max-width: 1249px)的媒体查询  不起作用。怎么了？

我已经用问题

创建了fiddle

Answer 1

您需要在min-width：

中添加一个度量单位

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

这是小提琴（在添加颜色之后只是为了更容易测试查询）：http://jsfiddle.net/ffrv703e/7/