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