iPad Zoom在Safarai的未聚焦選項卡上的問題

Question

我有一個網頁，不會（也不應該）允許在iPad上縮放。

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，在很多情況下，將有放大，有沒有辦法讓我重新設置縮放：在多個標籤在Safari中打開一切都很正常，但在這種情況下。由於我通過視口meta標記禁用了縮放，所以縮放不應該改變。讓事情變得更加陌生：如果我刷新頁面或者甚至導航到某個其他網站，縮放將不會刷新。

我也注意到在其他網站上發生這種情況。我嘗試了所有可以想象的元標記組合（禁用縮放）。我正在用iPad 3進行測試。如果我只在Safari中打開一個選項卡，則不存在任何問題。

這似乎涉及到「著名」的定位問題不作爲不良變焦時出現的應用程序沒有焦點 How do I reset the scale/zoom of a web app on an orientation change on the iPhone?

Answer 1

這是我如何解決了這個問題：

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