如何强制我的网页强制在横向模式下查看手机浏览器？

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

window.addEventListener("orientationchange", function() {
  if (window.orientation === 0 || window.orientation === 180) {
    document.body.style.transform = "rotate(90deg)";
    document.body.style.transformOrigin = "left top";
    document.body.style.width = "100vh";
    document.body.style.height = "100vw";
    document.body.style.overflowX = "hidden";
    document.body.style.position = "fixed";
    document.body.style.top = "100%";
    document.body.style.left = "0";
  } else {
    document.body.style.transform = "none";
    document.body.style.transformOrigin = "initial";
    document.body.style.width = "initial";
    document.body.style.height = "initial";
    document.body.style.overflowX = "initial";
    document.body.style.position = "initial";
    document.body.style.top = "initial";
    document.body.style.left = "initial";
  }
});