Question

标题几乎说明了一切。我们开发了一个HTML5应用程序，该应用程序仅设计为横向模式（除此之外是好还是坏）。

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

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

非常感谢任何帮助......

Answer 1

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

您可以做的是在用户处于使用纯CSS的纵向模式时显示消息，告诉他必须以lanscape模式转动平板电脑。类似的东西：

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; 
    }
}

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

1 个答案: