モバイルWebページをランドスケープでロードする方法

私たちのウェブサイトにはモバイルWebページがあり、ロードされたときにブラウザーで常にランドスケープにレンダリングする必要があります。また、ページは横向きにロックする必要があるため、デバイスは方向を変更できません。モバイルWebページをランドスケープでロードする方法

これを達成する主要なモバイルブラウザまたはCSSプロパティにJS APIがありますか？

出典

2017-02-28 BuffBoxx

ここをクリックhttp://stackoverflow.com/questions/14360581/force-landscape-orientation-mode – Jaypee

[Force "風景モード "（http://stackoverflow.com/questions/14360581/force-landscape-orientation-mode） – War10ck

あなたはこのコードを使用して試すことができます：あなたはまた、bodyタグにこれを追加する必要があります

#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

モバイルWebページをランドスケープでロードする方法

答えて

関連する問題