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