Web アプリケーションの横向きを強制できますか?

アプリケーションの強制横向き

質問: 「縦」モード用に設計されているにもかかわらず、アプリケーションを強制的に「横」モードで表示する、という悩みはよくあります。これはどのように実現できますか?

元の回答:

残念ながら、Web サイトまたは Web アプリケーションを特定の向きに制限することはできません。この制限は、デバイス固有のユーザー エクスペリエンスを維持するために存在します。ただし、次の方法を使用して現在の方向を検出できます:

• CSS3 メディア クエリ:

@media screen and (orientation:portrait) {
    /* CSS applied when the device is in portrait mode */
}

@media screen and (orientation:landscape) {
    /* CSS applied when the device is in landscape mode */
}

• JavaScript 方向変更イベント:

document.addEventListener("orientationchange", function(event){
    switch(window.orientation) 
    {  
        case -90: case 90:
            /* Device is in landscape mode */
            break; 
        default:
            /* Device is in portrait mode */
    }
});

更新された回答 (2014 年 11 月 12 日):

HTML5 Web アプリ マニフェストの出現により、強制方向モードが可能になりました。これは、

• manifest.json ファイルを作成し、次の行を含めることによって実現できます。

{
    "display":      "standalone", /* Could be "fullscreen", "standalone", "minimal-ui", or "browser" */
    "orientation":  "landscape", /* Could be "landscape" or "portrait" */
    ...
}

• HTML ファイルでマニフェストを参照します。

<link rel="manifest" href="manifest.json">

向きをロックするための Web アプリ マニフェストのサポートはブラウザーによって異なる場合があることに注意してください。

以上がWeb アプリケーションの横向きを強制できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。