通过基于Web的布局强制iphone和ipads进入横向模式

Question

有没有办法强制ipads和iphone只在横向模式下渲染基于Web的布局？

Answer 1

您必须阻止视图旋转：

    -(BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
return NO;
}

然后你必须以横向方式启动视图，否则会阻止视图旋转。

Answer 2

您无法强制Safari停留在特定方向，但您可以检测到它。

您可以在CSS中使用

body[orient="landscape"]或body[orient="portrait"]来呈现两种不同的布局。如果您选择，其中一个（在这种情况下为肖像）可以显示某种“未针对此布局优化”屏幕。

我想你可以尝试在页面主体上做-webkit-transform: rotate(-90deg)，但如果页面滚动那可能是不可行的。但是，如果您的布局尺寸恰到好处，那么它可能看起来非常接近正确。