CSS Media Query переопределяет предыдущие стили в мобильном телефоне в первую очередь - PullRequest
Новая
       27

CSS Media Query переопределяет предыдущие стили в мобильном телефоне в первую очередь

0 голосов
/ 21 сентября 2019

Так что этот вопрос, кажется, задают много, но в обратном направлении. У меня проблема с тем, что мой медиа-запрос переопределяет ранее установленные стили в мобильном дизайне, и я не знаю почему.Мобильный телефон должен быть padding: 33rem 0, а рабочий стол должен быть заполнен: 18rem.Смотри ниже.

.description {
    background-image: linear-gradient(#b676fa,#14D8EB);
    padding: 33rem 0;
}

@media only screen and (min-width: 900px) {
    .description {
        padding: 18rem;
    }

}

1 Ответ

0 голосов
/ 21 сентября 2019

У меня нормально работает .. Все скобки закрыты?Возможно, запустите его через валидатор CSS - https://codepen.io/pmackey-deveire/pen/vYBvxQz

Проверяли ли вы инспектор, какие стили применяются при изменении размера окна?

Возможно, для тестирования используется PX вместо REM. Кажется, что 33rem на мобильных устройствах меньше 18rem, поэтому вас могут обмануть, что он не работает

...