如何动态的监听浏览器窗口大小的变化?
适用场景:
//例如瀑布流布局时动态监听实时监听屏幕的变化或者时刻监听用户缩放屏幕大小来更改布局做自适应
// 实现方式: 绑定resize事件,时刻监听浏览器屏幕变化
function monitorSize () {
window.addEventListener('resize', () => {
console.log('屏幕尺寸变化时便会触发')
})
}
window.onload = () => {
monitorSize()
}
注意: 不用时需要移除,
window.removeEventListener("resize", monitorSize);