我可以阻止移動Safari瀏覽器在iPod touch或iPhone上自動旋轉屏幕嗎？

Question

我們有一個離線Safari應用程序，用戶界面設計爲垂直使用（像素完美）。無論用戶如何旋轉ipod/iphone，我們都希望UI保持垂直。離線Safari應用程序可能嗎？

這個問題與Can I prevent mobile safari from auto-rotating the screen on ipod touch or iphone?完全一樣。然而，所提及的問題沒有明確的答案，並已被過早接受。

Answer 1

我不知道有什麼辦法來防止旋轉，如果它需要在Safari中運行，而不是使用嵌入式UIWebView的本機應用程序。

雖然你不能阻止旋轉，可以彌補這樣的：

1. 使用事件updateOrientation的
2. 在事件處理程序檢測旋轉，使用window.orientation找到當前方向。 （例如0，90，-90，180）
3. 更新元素的類以反映當前的方向，並使用類似-webkit-transform：rotate（-90deg）的樣式以相反的方向旋轉UI。
4. 如有必要，請使用window.scrollTo（0，1）;從屏幕上滾動地址欄。