我正在构建一个网站的移动版本，在这种特定情况下，它在水平布局中看起来很完美。有没有办法强制这种布局，无论用户设置是什么？
一些普遍的方式的答案是值得赞赏的，但如果您知道如何在任何特定平台（iPhone，Android ..）上实现这一点，那么也许我们可以收集一套适当的规则来瞄准大多数移动用户。
答案 0 :(得分：9)
有一个黑客可以做到这一点，但我认真建议不要使用它 - 你的设计应该适应是否有人处于纵向或横向模式。
步骤1：查询window.orientation属性以查看您是处于横向模式还是纵向模式
步骤2：如果您处于纵向模式，请在包裹整个页面的div上使用-webkit-transform rotate（-90）将其强制转换为横向布局。
这将无法正常工作 - 浏览器UI仍将处于纵向模式，但可能用户会发现他们应该将手机旋转回横向模式以查看内容。这对用户来说非常烦人 - 他们可能有充分的理由试图以纵向模式阅读您的网站。
答案 1 :(得分：5)
尝试将此Meta添加到您的＆lt; head＆gt;
<meta name="viewport" content="width=480">
垂直模式中水平滚动条的存在将提示用户他/她需要旋转到横向。我没有看到很多用例 - 但我已经看到了一些游戏和地图应用程序，所以它并不完全是邪恶的。