CSS Media Запросы не работают для более новых моделей iPad ⇐ IOS

[Гость]

Я работаю над веб -приложением, которое необходимо работать только на Desktop + iPad (немалые планшеты или телефоны). Я написал медиа-запрос, который обрабатывает устройства с минимальной шириной 768px и максимальной шириной 1023px. Если устройство шире, чем 1023px, все элементы должны отображаться при их нормальном размере. < /P>
Это работало для более старых моделей iPad, но мы недавно протестировали на iPad Air M2 2024 (11 дюймов), а элементы делают меньше, как если бы условия запроса в СМИ наносят силу, даже несмотря на обмен. Я не могу выяснить, почему это происходит-есть ли что-то в том, как работают медиа-запросы?

Код: Выделить всё

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px)

Кроме того, я использую JavaScript, чтобы определить, находится ли пользователь на iPad или нет, чтобы я мог установить функциональность Hover/Click соответственно:

Код: Выделить всё

// Determine if user is on iPad or not
let isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

Мой коллега предложил, чтобы одно решение было бы получить размер экрана пользователей, и если оно больше 1023px, просто установить Isios fals>

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