Iphone 有没有办法在移动设备上强制进行水平/横向布局？

我正在建立一个网站的移动版本，在这个特定的情况下，它在水平布局上看起来会很完美。无论用户设置如何，是否有办法强制此布局

---

如果你知道如何在任何特定平台（iPhone、android等）上实现这一点，那么也许我们可以收集一套合适的规则来针对大多数移动用户。

有一种黑客可以做到这一点，但我严肃地建议不要使用它-你的设计应该适应某人是处于纵向还是横向模式

步骤1：查询属性以查看您是处于横向模式还是纵向模式

步骤2：如果您处于纵向模式，请在包装整个页面的div上使用-webkit transform-rotate（-90）将其强制为横向布局

---

这将无法正常工作-浏览器用户界面仍将处于纵向模式，但用户可能会发现他们应该将手机旋转回横向模式以查看内容。这对用户来说是非常烦人的-他们试图以肖像模式阅读你的网站可能有一个很好的理由

尝试将此元添加到您的

---

在垂直模式下出现水平滚动条将提示用户需要旋转到横向。我看不到很多这样的用例，但我已经在一些游戏和地图应用程序中看到了，所以这并不完全是坏事

谢谢，我完全同意你的观点，这是要避免的，我手头有一个例外，它证实了这一规则。在我正在进行的一个项目中实施了这一点，结果并不好。如果可以的话，离这远点。这显示了糟糕的UI/UX，我认为它更适合通过媒体查询显示某种消息，而不是尝试旋转整个

HTMLelement

。此外，最好的解决方案是对纵向和横向视图都有答案，而不是依赖黑客。一个有趣的解决方案，不过，其他手机尺寸需要一些条件

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