我正在构建一个网站的移动版本，在这种特定情况下，它在水平布局中看起来很完美。无论用户设置如何，有没有办法强制使用此布局？
如果您能以某种通用的方式回答我们，我们将不胜感激，但如果您知道如何在任何特定平台(iPhone、Android..)上实现这一点，那么也许我们可以收集一套合适的规则来针对大多数移动用户。
最佳答案
有一个技巧可以实现这一点，但我强烈建议不要使用它 - 你的设计应该适应某人处于纵向还是横向模式。
第1步:查询window.orientation属性来查看您处于横向还是纵向模式
第 2 步:如果您处于纵向模式，请在包裹整个页面的 div 上使用 -webkit-transform 旋转 (-90)，以强制其进入横向布局。
这将无法正常工作 - 浏览器 UI 仍将处于纵向模式，但用户可能会发现他们应该将手机旋转回横向模式才能查看内容。这对用户来说非常烦人 - 他们尝试以纵向模式阅读您的网站可能是有充分理由的。
关于iphone - 有没有办法在移动设备上强制水平/横向布局？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4806938/