阻止移动网页上的设备轮换

@media (orientation: portrait) {
  /* 在竖屏模式下的样式 */
  body {
    width: 375px; /* 假设设备宽度为375px */
    height: 667px; /* 假设设备高度为667px */
  }
}

@media (orientation: landscape) {
  /* 在横屏模式下的样式 */
  body {
    width: 667px; /* 假设设备宽度为667px */
    height: 375px; /* 假设设备高度为375px */
  }
}

window.addEventListener("orientationchange", function() {
  if (window.orientation === 0 || window.orientation === 180) {
    /* 在竖屏模式下的操作 */
    document.body.style.width = "375px"; /* 假设设备宽度为375px */
    document.body.style.height = "667px"; /* 假设设备高度为667px */
  } else if (window.orientation === 90 || window.orientation === -90) {
    /* 在横屏模式下的操作 */
    document.body.style.width = "667px"; /* 假设设备宽度为667px */
    document.body.style.height = "375px"; /* 假设设备高度为375px */
  }
});