在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      
});