鍍金池/ 問答/HTML/ 手機瀏覽頁面強制豎屏

手機瀏覽頁面強制豎屏

如何使html寫的頁面在任何情況下都保持豎屏，無論手機自身是否設(shè)置旋轉(zhuǎn)

回答
編輯回答
莓森

@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);

}
}

參考鏈接

2017年9月23日 08:51