Почему CSS-адаптация не используется?

Question

Аристарх

css

Почему CSS-адаптация не используется?

Здравствуйте! У меня возникла проблема при адаптации моего сайта. Код, который я написал, работает при максимальной ширине 992px, но не работает при максимальной ширине 768px и ниже. Даже в инспекторе код не отображается. Я хотел бы узнать, в чем может быть причина этой проблемы? Вот мой код:

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    .right-menu-sales:nth-last-child(1) {
        margin-left: -825px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    .main-text {
        font-size: 58px;
    }
    .monitoring-row {
        display: block;
    }
}

11 ноября 2023 г. 20:30

Ответы на вопрос 1

Похожие вопросы

Answer 1

Возможные причины, по которым ваш код CSS не работает при максимальной ширине 768px и ниже:

1. Проверьте, что правила CSS применяются к правильным элементам и классам. Убедитесь, что у элементов, к которым вы хотите применить стили, установлены правильные классы.

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

3. Убедитесь, что вы правильно закрыли все скобки и семантически оформили код CSS. Если в вашем коде есть ошибки синтаксиса CSS, это может привести к неработающему коду. Проверьте правильность оформления кода и исправьте любые синтаксические ошибки.

4. Проверьте, что ваш сайт поддерживает медиазапросы CSS. Некоторые старые браузеры или устаревшие версии браузеров могут не поддерживать медиазапросы CSS. Убедитесь, что вы используете современную версию браузера или предусмотрите альтернативные методы для адаптации вашего сайта на старых браузерах.

5. Проверьте, что вы правильно подключили свой CSS-файл к вашему HTML-файлу. Убедитесь, что путь к файлу CSS указан правильно и что файл действительно существует.

Если вы проверили все эти возможные причины и проблема остается, вам может быть полезно обратиться к специалисту по веб-разработке для получения дальнейшей помощи и анализа проблемы.