Медиа-запросы, не работающие на рабочем столе

Question

У меня возникла странная проблема с моими медиа-запросами. Они, похоже, отлично работают на моих мобильных устройствах, но при изменении размера моего браузера на рабочем столе изменения не применяются. Это делает использование веб-инспектора/firebug невозможным для проверки моих мобильных стилей. Вот мой запрос СМИ:

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

Answer 1

Вы звоните устройств конкретных запросов. Если вы хотите протестировать изменение размера окна браузера, вам необходимо удалить -device- с минимальных и максимальных вызовов.

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