手机浏览页面强制竖屏

Question

如何使html写的页面在任何情况下都保持竖屏，无论手机自身是否设置旋转

Answer 1

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

}
}

---

参考链接