Он как бы работает, но как бы и нет. Он заменят цвета, размер текста. Но ту же ширину, высоту и отступы не заменяет. НО если перед ним не задать высоту, то он её задаст. Какого фига? Задавать может а заменять нет. Если что он в самом низу кода, по сути всё правильно, в чем может быть проблема? Вот пример чтоб было понятнее: .block{ color: #fff; width: 400px; } @media (max-width: 1350px){ color: #000; // Сработает, цвета ЗАМЕНЯЕТ width: 500px; // Нифига не работает height: 600px; // А вот тут работает ведь перед ним я не задал блоку высоту!!! } Код .block{ color: #fff; width: 400px; } @media (max-width: 1350px){ color: #000; // Сработает, цвета ЗАМЕНЯЕТ width: 500px; // Нифига не работает height: 600px; // А вот тут работает ведь перед ним я не задал блоку высоту!!! }
Кстати если ещё .block{ color: #fff; width: 400px; } Сделать в media например min-width: 1351px ТО ОН БУДЕТ ЗАМЕНЯТЬ!!!!! Но это же не совсем удобно