有沒有辦法在移動設備上強制橫向/橫向佈局？

我建立一個網站的移動版本，並在此特定情況下，它看起來很完美的水平佈局。有沒有辦法強制這種佈局，無論用戶設置是什麼？有沒有辦法在移動設備上強制橫向/橫向佈局？

回答一些普遍的方式表示讚賞，但同時，如果你知道如何實現這一目標的任何特定平臺（iPhone，Android的...），所以也許我們可以收集一個像樣的一套規則，以針對廣大移動用戶。

有一種黑客工具，將做到這一點，但我認真建議不要使用它 - 你的設計應該適應一個人是否是在肖像或風景模式。

第1步：查詢window.orientation屬性，看看你在橫向或縱向模式是

第2步：如果您在縱向模式是在一個div上使用-webkit-變換旋轉（-90）這是包裝你的整個頁面，強制它成爲一個景觀佈局。

這不能正常工作 - 瀏覽器用戶界面仍然處於肖像模式，但大概用戶會發現他們應該將手機旋轉到橫向模式以查看內容。這對用戶來說令人難以置信 - 他們試圖以肖像模式閱讀您的網站可能是一個很好的理由。

2011-01-26 16:27:15

謝謝，我絕對同意你這是要避免的，我只是手邊，確認該規則的一個例外。 – CodeVirtuoso 2011-01-26 16:42:18

在我正在進行的一個項目中實現了這一點，結果並不理想。如果可以的話，遠離這一點。這表明壞UI/UX，我認爲這是更適合與媒體查詢，以顯示某種信息，而不是比試圖旋轉整個`HTMLelement`。 – Sethen 2013-01-25 15:39:20

嘗試增加此元到您的<頭>

<meta name="viewport" content="width=480">

在垂直模式下的水平滾動條會提示他/她需要旋轉到橫向的用戶的存在。我看不到很多用例 - 但我已經看到了一些用於某些遊戲和地圖應用的情況，所以它不是完全邪惡的。

2011-01-28 17:06:18

回答