ウェブサイトでランドスケープモードを表示しない

Question

スマートフォンデバイスでランドスケープモードを許可しないようにするには、自分のアプリケーションが「ランドスケープ」モード用に設計されていないためです。どうやってやるの ？

提案がありますか？ありがとう

Answer 1

あなたは少なくともオリエンテーションを移動することはできませんが、少なくともメッセージを送ることはできます。この例では、ポートレートモードの場合はラッパーを非表示にして警告メッセージを表示し、警告メッセージを横向きモードで非表示にしてポートレートを表示します。

<style type="text/css"> 
     #warning-message { display: none; } 
     @media only screen and (orientation:portrait){ 
      #wrapper { display:none; } 
      #warning-message { display:block; } 
     } 
     @media only screen and (orientation:landscape){ 
      #warning-message { display:none; } 
     } 
    </style> 

    .... 

<div id="wrapper"> 
    <!-- your html for your website --> 
</div> 
<div id="warning-message"> 
    this website is only viewable in landscape mode 
</div>