AMPサイトでランドスケープモードを無効にする

Question

AMPにカスタムJavaScriptまたはイベントリスナーを追加できないため、AMPサイトでランドスケープモードをブロックする方法はありますか？

Answer 1

は私によると、あなたは、ウェブサイト経由でOSの動作を変更することはできません

あなたはCSS

<style amp-custom> 
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { 
    html { 
    transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); /* IE 9 */ 
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ 
    transform-origin: left top; 
    width: 100vh; 
    overflow-x: hidden; 
    position: absolute; 
    top: 100%; 
    left: 0; 
    } 
} 
</style> 

を使用して縦表示を示して風景モードでは、CSSメディアクエリのトリックを使用することができます