有没有办法在移动设备上强制横向/横向布局？

我建立一个网站的移动版本，并在此特定情况下，它看起来很完美的水平布局。有没有办法强制这种布局，无论用户设置是什么？有没有办法在移动设备上强制横向/横向布局？

回答一些普遍的方式表示赞赏，但同时，如果你知道如何实现这一目标的任何特定平台（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

回答