基础：在移动设备上强制横向模式

Question

我刚刚开始使用Zurb-Foundation，我试图制作一个只需要在横向模式下运行的网站，当它在移动设备上启动时（小屏幕）
我该怎么办？我想这与媒体查询有关。

因此，如果屏幕是移动设备，我希望它强制定位到横向模式。

这是一个网站，而不是Android或IOS的应用程序。

我在基金会5工作，感谢您的帮助。

Answer 1

使用general03推荐的方向选择器，我添加了transform属性：

@media only screen and (max-width: 630px) and (orientation: portrait) {
  .video-container{
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  }
}

Answer 2

在活动和清单声明中创建一个webview

  android:screenOrientation="landscape"