Мобильные представления медиа -запросов переопределяются моими запросами на планшет, почему? ⇐ CSS

[Anonymous]

Когда я нахожусь в мобильном представлении, планшеты View Media Запросы всегда переопределяют мои мобильные медиа -запросы. Почему это происходит? < /P>
Вот как я добавил: < /p>
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

body .pdf-post-page .postcard-wrapper,
body .pdf-post-page .order-summary-cards .postcard-wrapper {
height: 218px !important;
padding: 10px 10px;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

body .pdf-post-page .postcard-wrapper,
body .pdf-post-page .order-summary-cards .postcard-wrapper {
height: 490px;
padding: 30px 30px;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}
}
< /code>
СМИ эти планшеты всегда переопределяют мои медиа -запросы мобильного телефона. Есть причина? Заранее спасибо.
Введите описание изображения здесь
Я попытался, добавив важные теги, но это повлияет на другой путь.

Подробнее здесь: https://stackoverflow.com/questions/772 ... ueries-why