如何將網頁方向修復爲僅適用於iPad和iPhone的肖像？

我已經開發了針對iPad的web應用程序/網站，但我不能讓它停留在只有一個固定的縱向視圖。如何將網頁方向修復爲僅適用於iPad和iPhone的肖像？

我不希望它在橫向模式，因爲該應用程序已被設計的方式旋轉和工作。

我試過的視口設置的各種配置，但仍然沒有奏效。

我不是很擅長的JavaScript，以便複製粘貼選項將是最好或東西在CSS/HTML。

在此先感謝。

2011-11-07 Digital Robot Gorilla

杜佩，請看這裏 - [如何鎖定的方位在iPhone的Web應用肖像模式？（http://stackoverflow.com/questions/1207008/how-do-i-lock-the-orientation-對於肖像模式在iphone應用程序） – Alex

大聲疾呼，我upvoted最後的評論沒有仔細看問題。這裏是（http://stackoverflow.com/questions/1207008/how-do-i-lock-the-orientation-to-portrait-mode-in-a-iphone-一個[有你尋找答案的重複問題] Web應用程序）。 –

遺憾的是，沒有辦法明確將「鎖定」在移動Safari瀏覽器一個web應用程序的方向，你也可以從鏈接亞歷克斯在評論貼上面看到：

How do I lock the orientation to portrait mode in a iPhone Web Application?

但是，您可以爲不同的屏幕方向提供多個CSS文件。有一個方便的JavaScript片段，您可以在這裏複製粘貼：

http://www.catswhocode.com/blog/10-useful-code-snippets-to-develop-iphone-friendly-websites

這至少應該讓你周圍的旋轉設計，而無需使用JS只是CSS。

來源

2011-11-07 12:17:20 DaGaMs

感謝您的鏈接。 –

如何將網頁方向修復爲僅適用於iPad和iPhone的肖像？

回答

相關問題