0

ユーザーが画像をクリックしたときにズームできるようにしたいのですが、画像がない場合はズームできないようにします。

// image function 
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes');

// no image function
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no');

問題: ユーザーがズームできる場合、NORMAL 無効ズームに戻ることはできません。これは、画像なし機能がズームを無効にしますが、ズーム係数が通常のビューポートに戻らないためです。

したがって、画像なし機能の後、ズームすることは可能ですが、すでにズーム係数があります:/

画像なし機能で通常のビューポートにズームバックする方法はありますか? ありがとう！

4

1 に答える 1

0

ビューポートを変更しないでください。同じことを達成するためのより良い方法があります-> http://lab.hakim.se/zoom-js/

ビューポートをそのように操作すると、ほとんどのモバイル デバイスで問題が発生することは間違いありません。

于 2013-09-09T10:33:48.363 に答える