在AMP網站中禁用橫向模式

Question

由於我們無法在AMP中添加自定義JavaScript或事件監聽器，是否有任何可能的方法來阻止AMP網站中的橫向模式？

Answer 1

據我無法通過網站改變操作系統的行爲

您可以使用CSS媒體查詢的招數，在橫向模式下通過使用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> 

顯示縱向視圖