h5记录

91 阅读1分钟

动态计算table宽度 导致横屏转换竖屏的时候table宽度没有更新,渐隐模块没有正确计算到消失滚动宽度

so 用到 监听div的resize事件

 const resizeObserver = new ResizeObserver(onResize);
      resizeObserver.observe(document.querySelector('#div'));
 
      function onResize(e) {
        console.log(e);
      }
在onResize再重新计算宽度等...

blog.csdn.net/iotzzh/arti…

还有JS 获取和监听 手机屏幕方向变化 试了下浏览器可以 但用到手机上没有用

var mql = window.matchMedia('(orientation: portrait)');
    console.log(mql);

    function handleOrientationChange(mql) {
        if (mql.matches) {
          console.log('竖屏'); // 竖屏
          alert('竖屏');
        } else {
          console.log('横屏'); // 横屏
          alert('横屏');
        }
      }
      // 输出当前屏幕模式
    handleOrientationChange(mql);
    // 监听屏幕模式变化
    mql.addListener(handleOrientationChange);