CSS Media запросы читают неправильную ширину - PullRequest
Новая
       17

CSS Media запросы читают неправильную ширину

0 голосов
/ 08 ноября 2019

Я пытаюсь установить некоторые стили на странице с базовым CSS, и когда я обновляю страницу, чтобы увидеть ожидаемые результаты, все, что я вижу, это то, что Chrome использует стили из другого запроса, чего не должно быть, когда я просматриваю измой телефон я вижу стили от @media (max-width:1220px) and (min-width:965px), когда он должен показывать стили от @media (max-width: 767px). У кого-нибудь была эта проблема раньше? 

@@media (min-width:1221px) {

    //some style
}

/* Tablets and very small desktop screens (if some) */
@@media (max-width:1220px) and (min-width:965px) {

    //some style
}

/* Tablets and very small desktop screens (if some) */
@@media (max-width:964px) and (min-width:768px) {

    //some style
}


@@media (max-width: 767px){

    //some style
}

1 Ответ

0 голосов
/ 08 ноября 2019

Попробуйте, удалите @@ media и вставьте один @ media 

@media (min-width:1221px) {

    //some style
}

/* Tablets and very small desktop screens (if some) */
@media (max-width:1220px) and (min-width:965px) {

    //some style
}

/* Tablets and very small desktop screens (if some) */
@media (max-width:964px) and (min-width:768px) {

    //some style
}


@media (max-width: 767px){

    //some style
}
...