一个思考,利用 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

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

效果

@artiely @ % cd ..