У меня возникла проблема, когда медиа-запрос с указанной min-шириной применяет свой стиль ниже указанного порога. Это происходит и в хроме, и в фаерфоксе. Я понятия не имею, что может быть причиной этого.
Код довольно прост. Элемент представляет собой <ul>
со свойством display
, установленным на flex
. Все, что должен сделать медиа-запрос, — это изменить flex-direction
со значения по умолчанию на column
. Он делает это успешно, но при неправильных размерах экрана. Это не какой-то другой стиль, переопределяющий мой код — как показано на рисунке, это конкретное правило, которое применяется, даже если экран более чем на 60 пикселей меньше минимальной ширины. Это произойдет вплоть до ширины экрана 578 пикселей, после чего правило больше не применяется.
В случае, если это имеет значение: это сайт WordPress, использующий очень глючную тему и элементор, о которых я не имею права говорить. Мой CSS-код для исправления ошибок и стилизации входит в дополнительный раздел CSS WordPress Theme-Customizer.
Я не понимаю, почему это происходит, и был бы признателен за любой вклад по этому вопросу.