Не работают медиа запросы css [закрыт]

Мобильные браузеры отображают страницы в виртуальном «окне» (viewport, вьюпорт), которое, как правило, шире экрана устройства. Поэтому им не нужно сжимать макет каждой страницы в крошечное окно (что может сломать многие сайты, не оптимизированные под мобильные устройства).

Что бы масштаб страницы соответствовал реальному размеру окна добавьте в заголовок:

<meta name="viewport" content="width=device-width, initial-scale=1.0">