如何在Web应用程序中控制iPhone的屏幕方向

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  html {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: left top;
    width: 100vh;
    height: 100vw;
    overflow: hidden;
  }
}

window.addEventListener("resize", function() {
  if (window.orientation === 90 || window.orientation === -90) {
    document.documentElement.style.setProperty("--orientation", "landscape");
  } else {
    document.documentElement.style.setProperty("--orientation", "portrait");
  }
});