• ResizeObserver
  • Artiely
  • #js
  • 2021-08-15
  • 47
  • 1 min read
  • loading...

一个思考,利用 ResizeObserver 实现响应式

let a = document.getElementById("a");

let obverser = new ResizeObserver((entries) => {
  for (let entry of entries) {
    console.log(entry.contentRect.width);
  }
});
obverser.observe(a);
复制成功
1
2
3
4
5
6
7
8

例如表格里的元素很长的,在宽度够的情况下自然展示,当屏幕小宽度不够的时候折叠展示

效果