如何強制移動網頁加載橫向

我們的網站上有一個移動網頁，當瀏覽器加載時，它總是需要在橫向上呈現。此外，頁面需要橫向鎖定，以便設備無法更改方向。如何強制移動網頁加載橫向

是否有任何JS API在主要的移動瀏覽器或CSS屬性，將完成此？

2017-02-28 BuffBoxx

在這裏檢查http://stackoverflow.com/questions/14360581/force-landscape-orientation-mode – Jaypee

可能重複的[部隊]景觀「方向模式]（http://stackoverflow.com/questions/14360581/force-landscape-orientation-mode） – War10ck

您可以嘗試使用此代碼：

#container { display:block; } 

@media only screen and (orientation:portrait){ 

    #container { 

    height: 100vw; 

    -webkit-transform: rotate(90deg); 

    -moz-transform: rotate(90deg); 

    -o-transform: rotate(90deg); 

    -ms-transform: rotate(90deg); 

    transform: rotate(90deg); 

    } 

} 

@media only screen and (orientation:landscape){ 

    #container { 

    -webkit-transform: rotate(0deg); 

    -moz-transform: rotate(0deg); 

    -o-transform: rotate(0deg); 

    -ms-transform: rotate(0deg); 

    transform: rotate(0deg); 

    }

你也應該將其添加到身體標記：

<BODY id="container">

我發現這個解決方案here。同樣的博客還提供了額外的建議，但我沒有嘗試過，因爲上面的一個很好運行

來源

2017-02-28 20:38:37

如何強制移動網頁加載橫向

回答

相關問題