Я пытаюсь оптимизировать свой сайт для мобильных устройств, и для большинства устройств это работает совершенно хорошо, но, кажется, «сломается», когда он доходит до моего 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
