使网站自动加载在iPad上的横向视图

Question

我想知道是否有人可以帮助我。我创建了一个网站，我希望它可以在iPad上以横向视图自动加载。这是可能的，如果是这样可以用JavaScript或CSS来完成？

Answer 1

您不能在JavaScript/HTML中更改框架（Safari窗口，状态栏，URL栏等），但可以将整个网站包装在div中并添加“-webkit-transform：rotate （90度）;”属性当你检测到它是纵向的。

这将在横向上显示您的网站，但用户可能会然后将设备本身旋转到横向，然后将相对于用户错误地旋转您的内容。当你真正处于风景中时，你必须检测到使用JS并删除上面的CSS属性。如果您使用的是jQuery或其他我可以想象的相对容易，但用户可能仍然会看到一些闪烁，因为内容反弹。