CSS становится таргетингом на основе уровня масштабирования страницы 100 % на мобильных устройствах. ⇐ Jquery

[Гость]

У меня есть HTML-код, отображающий квадрат. Если страница увеличена выше 100 %, квадрат исчезнет.

Если страница увеличена до 100 % или ниже, квадрат присутствует.

Вот код:

$(window).on("изменить размер", function(e) { $(".square").toggleClass("увеличенный", window.devicePixelRatio > 1); }); .квадрат { ширина: 190 пикселей; высота: 190 пикселей; фон: черный; } .увеличенный { фон: нет; } Проблема, которую я заметил, заключается в том, что на мобильных устройствах квадрат исчезает. Я не уверен, почему его увеличивают на мобильных устройствах. Он должен отображать квадрат на мобильном телефоне. Его следует увеличивать только в том случае, если экран превышает 100%. Я что-то упустил в своем коде?