0

iPadでのズームを許可しない（そして許可すべきではない）Webページがあります。Safariで複数のタブが開いているこのシナリオを除いて、すべてがうまく機能します。

    1. have focus on my application's tab
    2. change to a different tab
    3. switch the iPad's orientation (i.e. portrait to landscape or vice versa)
    4. switch back to my web apps tab

多くの場合、iPadはズームインしていて、ズームをリセットする方法はありません。ビューポートメタタグを使用してズームを無効にしているので、ズームは変更されないはずです。さらに奇妙なことに、ページを更新したり、他のWebサイトに移動したりしても、ズームは更新されません。

他のウェブサイトでもこれが発生していることに気づきました。考えられるすべてのメタタグの組み合わせ（ズームを無効にする）を試しました。iPad 3でテストしています。Safariで開いているタブが1つしかない場合でも、問題はありません。

アプリケーションにフォーカスがない場合に望ましくないズームが発生するため、これは「有名な」向きの問題とは関係がないようです 。iPhoneの向きの変更時にWebアプリのスケール/ズームをリセットするにはどうすればよいですか？

4

1 に答える 1

0

これが私がこれを修正した方法です：

1. use the onorientationchange event to detect if the zoom is changed
2. if the zoom has changed change the viewport meta tag to: user-scalable=yes
3. on $(window).resize or onorientationchange change viewport back to user-scalable=no if the user has changed the zoom back to fit the screen
于 2012-08-26T22:08:19.020 に答える