iPhone移動Safari與主屏幕鏈接調整大小問題

Question

我正在嘗試為Android和iPhone編寫一個Web應用程序。 設備方向更改時出現問題。 在Android上，在報告新的水平尺寸之前（報告肖像尺寸，然后在iPhone上，其觸發后（報告景觀尺寸...正確的行為）），將觸發directionChanged事件（從縱向到橫向）。

所以我回到了調整大小事件。 另一個問題浮出水面。 Android在瀏覽器中工作正常。 從主屏幕啟動應用程序時，iPhone正常運行。 但是，在移動瀏覽器中，從橫向旋轉到縱向時，永遠不會觸發resize事件，因為瀏覽器僅提供了水平滾動頁面的功能。

我需要一種檢測方向更改事件並從DOM元素獲取新尺寸的方法，以便調整屏幕上其他元素的大小，這些元素將適用於Android，移動Safari和主屏幕Web應用程序。

謝謝

Answer 1

回到設備檢測，因為通常沒有可靠的方法來執行此操作。