html手机浏览器强制不横屏？

Question

写的HTML代码在浏览器上查看，如何使浏览器一直保持竖屏，即使手机设置了自动旋转，也不旋转？
<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">
这两个试了，对Android有用，iOS无效，求解答~

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

}
}

---

参考链接