如何在Windows 8.1平板電腦上將Electron應用程序鎖定到橫向模式？

Question

標題幾乎說明了一切。我們已經開發了一個HTML5應用程序，該應用程序僅設計爲橫向模式（無論這是好還是壞）。

當我們使用Cordova構建Windows 8.1的appx時，我們可以指定「橫向」作爲唯一支持的方向。但我們寧願建立一個exe文件，因爲它使我們的客戶安裝/更新/配置應用程序變得更加容易。它也讓我們完全控制應用程序在哪個webview中運行。

但是，在構建Electron應用程序時，似乎沒有辦法指定支持的方向？

任何幫助，將不勝感激......

Answer 1

電子的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; 
    } 
}