动态计算table宽度 导致横屏转换竖屏的时候table宽度没有更新,渐隐模块没有正确计算到消失滚动宽度
so 用到 监听div的resize事件
const resizeObserver = new ResizeObserver(onResize);
resizeObserver.observe(document.querySelector('#div'));
function onResize(e) {
console.log(e);
}
在onResize再重新计算宽度等...
还有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);