У меня проблемы с моими мобильными точками перерыва [закрыто] ⇐ CSS

[Anonymous]

Я пытаюсь оптимизировать свой сайт для мобильных устройств, и для большинства устройств это работает совершенно хорошо, но, кажется, «сломается», когда он доходит до моего iPad. Это iPad 6-го поколения, и это мои медиа-запросы: < /p>
/* Mobile - Portrait */
@media screen and (min-width: 240px) and (max-width: 768px) {

}

/* Tablet - Portrait */
@media screen and (min-width: 769px) and (max-width: 1279px) {

}

/* small laptop */
@media screen and (min-width: 1280px) and (max-width: 1440px) {

}

/* larger laptops */
@media screen and (min-width: 1441px) and (max-width: 1600px){

}
< /code>
Теперь стили, которые я хочу применить к iPad, попадают в запрос «планшет - портрет», но они просто не работают. Почему?


Подробнее здесь: https://stackoverflow.com/questions/794 ... reakpoints