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/