使網站自動加載在iPad上的橫向視圖

Question

我想知道是否有人可以幫助我。我創建了一個網站，我希望它可以在iPad上以橫向視圖自動加載。這是可能的，如果是這樣可以用JavaScript或CSS來完成？

Answer 1

您不能在JavaScript/HTML中更改框架（Safari窗口，狀態欄，URL欄等），但可以將整個網站包裝在div中並添加「-webkit-transform：rotate （90度）;」屬性當你檢測到它是縱向的。

這將在橫向上顯示您的網站，但用戶可能會然後將設備本身旋轉到橫向，然後將相對於用戶錯誤地旋轉您的內容。當你真正處於風景中時，你必須檢測到使用JS並刪除上面的CSS屬性。如果您使用的是jQuery或其他我可以想象的相對容易，但用戶可能仍然會看到一些閃爍，因爲內容反彈。