微信H5横屏适配踩坑

uniapp h5项目，一开始以为微信无法横屏，所以做了UI旋转，后来知道了ios解除屏幕锁定微信就可以横屏了，安卓开启手机横屏设置后，还要到微信里设置允许横屏，路径：我的-设置-通用-开启横屏模式，然后根据下面代码监听屏幕宽度比就可以展示对应状态布局，不需要UI旋转横屏

   
  onMounted(() => {
    window.addEventListener('resize', checkScreenOrientation);
    checkScreenOrientation();
  });
  function checkScreenOrientation() {
    const isLandscape =
      Number(document.documentElement?.clientWidth) >
      Number(document.documentElement.clientHeight) + 200;
    console.log(isLandscape ? '横屏' : '竖屏');
  }