Почему не применяются изменения в адаптиве CSS?

Question

[YaroslavMatveev]

Здравствуйте, в css файле у меня прописаны свойства для адаптива через медиа запросы, но изменения не применяются.

Comments

[Михаил Р.]

Давайте ссылку на проект.

[0xD34F]

3.1, 3.4, 3.8

[Ankhena]

Чтобы был адаптив:
1. Должен быть соответствующий meta тег
2. Стили для обычного состояния и измененные должны быть написаны в правильном порядке и с правильной специфичностью.

Как проверить:
Открыть инструменты разработчика, выделить проблемный блок и на вкладках Styles и Computed (если мы про Хром) посмотреть какие стили применились и почему не те, которые вы хотели.

Предоставленных скринов недостаточно для того, чтобы понять в чем у вас дело. Может вообще забыли обновить файл там где смотрите или пишете не в том файле или не подключили его или куча других возможностей.

Делайте пример в песочнице типа codepen.io

Answer 1

[4X_Pro]

Скорее всего, дело в приоритетах правил CSS. Нужно зайти в DevTools, выбрать нужный элемент и посмотреть на вкладке «Стили» справа (по крайней мере, в Chrome она справа), какие CSS-правила оказываются более приоритетными (они будут выше в списке). Ну и если CSS во внешнем файле, то проверить, что подгружается новая версия, а не берётся из кеша старая.