如何在iOS設備旋轉時使viewport content-width =設備寬度更新？

Question

我正在開發一個只能在iPad上顯示的頁面，所以我並不需要擔心它會與其他任何東西兼容。我正在製作一個我希望可以滾動但不可縮放的頁面，我希望它能夠在不縮放內容的情況下更新頁面寬度。

我試圖做這樣的事情：

<meta name='viewport' content='user-scalable=no, maximum-scale=1.0, minimum-scale=1.0, width=device-width' /> 

那偉大工程，直到設備旋轉。頁面寬度不會更新爲新的寬度，所以系統毫無意義。我該如何做這項工作？

Answer 1

一種選擇是有兩個單獨的樣式表，每一個方向（這也可以在頁面做如果你願意）

在每一個，你可以設置「體{width：--- px;}「到設備的特定寬度。

當然，我已經看到了其他可以滾動但不可縮放的iPad webapps，它們始終保持橫向寬度 - 您也可以選擇在縱向模式下向左或向右滾動。在這種情況下，你只需要像平常一樣爲ipad的橫向寬度定義身體寬度，我相信這是1024px。