前端问题：如何让自己的页面在用户手机中，强制不旋转。(video)

Question

现在手机都自带屏幕旋转，除非自己锁定屏幕，才不会发生旋转，前端可以控制自己的video播放页面设置屏幕不旋转，无论用户如何反转屏幕，我们的页面纹丝不动

Answer 1

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    height: 100vw;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}