Мобильная версияКак настроить таргетинг CSS на основе уровня масштабирования страницы 100%? ⇐ Jquery
-
Anonymous
Как настроить таргетинг CSS на основе уровня масштабирования страницы 100%?
У меня есть следующий HTML-код, отображающий Квадрат. Но если масштаб страницы превышает 100 %, квадрат исчезает.
Если страница увеличена на 100 % или ниже, появится квадрат.
Вот код:
$(window).on("изменить размер", function(e) { $(".square").toggleClass("увеличенный", window.devicePixelRatio > 1); }); .квадрат { ширина: 190 пикселей; высота: 190 пикселей; фон: черный; } .увеличенный { фон: нет; } Проблема, которую я заметил, заключается в том, что на мобильных устройствах и устройствах iPad квадрат исчезает и добавляется класс zoomed. Я не понимаю, почему масштаб изображения увеличивается на мобильных устройствах и iPad, даже если я не увеличиваю его более чем на 100 %.
Квадрат должен отображаться на мобильных устройствах и iPad. Его следует увеличивать только в том случае, если для экрана установлено значение более 100%. Я что-то упустил в своем коде? Кажется, что когда я изменяю размер окна, квадрат исчезает и добавляется класс Zoomed. Как мне решить эту проблему? Или есть другой способ рассчитать размер масштабирования?
У меня есть следующий HTML-код, отображающий Квадрат. Но если масштаб страницы превышает 100 %, квадрат исчезает.
Если страница увеличена на 100 % или ниже, появится квадрат.
Вот код:
$(window).on("изменить размер", function(e) { $(".square").toggleClass("увеличенный", window.devicePixelRatio > 1); }); .квадрат { ширина: 190 пикселей; высота: 190 пикселей; фон: черный; } .увеличенный { фон: нет; } Проблема, которую я заметил, заключается в том, что на мобильных устройствах и устройствах iPad квадрат исчезает и добавляется класс zoomed. Я не понимаю, почему масштаб изображения увеличивается на мобильных устройствах и iPad, даже если я не увеличиваю его более чем на 100 %.
Квадрат должен отображаться на мобильных устройствах и iPad. Его следует увеличивать только в том случае, если для экрана установлено значение более 100%. Я что-то упустил в своем коде? Кажется, что когда я изменяю размер окна, квадрат исчезает и добавляется класс Zoomed. Как мне решить эту проблему? Или есть другой способ рассчитать размер масштабирования?
