jquery - 检测 iPad 上的页面缩放并隐藏特定类

Question

我试图检测用户在使用我的网站时是否放大了 iOS 设备，如果他们放大我想隐藏特定元素，同样如果他们缩小我想再次显示它们。

这可能吗？

我知道这是一个设备功能，而不是特定于浏览器或页面的功能，但它似乎是页面外观以及某些元素如何调整大小和位置的问题。

任何帮助都会很棒，在此先感谢您的任何回复。

Answer 1

你可以用这个

var zoomOri = document.documentElement.clientWidth / window.innerWidth;
var zoomCurrent = zoomOri;
$(window).resize(function() {
 var zoomNew = document.documentElement.clientWidth / window.innerWidth;
 if (zoomOri != zoomNew && zoomNew != zoomCurrent) {
     $('.yourclas').hide();
 else if (zoomOri == zoomNew && zoomNew != zoomCurrent)
     $('.yourclas').show();
 zoomCurrent = zoomNew      
});