Foundation：在移动设备上强制横向模式答案

【问题标题】：Foundation: Force landscape mode on mobile devicesFoundation：在移动设备上强制横向模式
【发布时间】：2015-01-24 15:19:52
【问题描述】：

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

所以如果屏幕是移动设备，我希望它强制定向为横向模式。

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

我在 Foundation 5 工作，感谢您的帮助。

【问题讨论】：

在您的 AndroidManifest.xml 中将 android:screenOrientation="landscape" 添加到包含您的 webView 的活动中
几天前我想出了一个类似的解决方案：stackoverflow.com/questions/27012827/…
@Rami，我可以看到我没有正确地回答我的问题。它是一个网站，而不是移动应用程序。
@uʍopǝpısdn，看起来很有趣，要试试看。
您可以使用@media only screen and (orientation: portrait) {} 放置在显示“转动您的设备以访问此网站”的 div 的可见性中。而@media only screen and (orientation: landscape) {}把所有的CSS网站都放进去

标签： css html responsive-design zurb-foundation

【解决方案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);
  }
}

【讨论】：

【解决方案2】：

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

  android:screenOrientation="landscape"

【讨论】：

"这是一个网站，不是 Android 或 IOS 的应用程序。" - 操作