如何在 Windows 8.1 平板电脑上将 Electron 应用程序锁定为横向模式？

Question

标题几乎说明了一切。我们开发了一个 HTML5 应用程序，该应用程序设计为仅在横向模式下运行（无论好坏都无关紧要）。

当我们使用 Cordova 为 Windows 8.1 构建 appx 时，我们可以指定“横向”作为唯一支持的方向。但我们更愿意构建一个 exe 文件，因为它使我们的客户更容易安装/更新/配置应用程序。它还使我们能够完全控制应用程序在哪个 web 视图中运行。

但是，在构建 Electron 应用程序时似乎无法指定支持的方向？

任何帮助将不胜感激......

Answer 1

Electron API 目前不提供任何强制横向模式的方法。

您可以做的是在用户处于纵向模式时使用纯 CSS 显示一条消息，告诉他必须将平板电脑转为横向模式。比如：

HTML

<div id="warning-portrait">Please turn your device in landscape mode</div>
<div id="wrap"><!-- your app --></div>

CSS

#warning-portrait { 
    display: none; 
}

@media only screen and (orientation:portrait) {

    #wrap { 
        display:none; 
    }

    #warning-portrait { 
        display:block; 
    }
}

@media only screen and (orientation:landscape) {

    #warning-portrait { 
        display:none; 
    }
}