ResizeObserverSize - 用于访问被观察元素的框尺寸属性

ResizeObserverSize 是 Resize Observer API 的接口，用于访问被观察元素的框尺寸属性，由 ResizeObserverEntry 接口使用。

注意： 在多列布局中，这是一个碎片化的上下文， ResizeObserverSize 返回的大小将是第一列的大小.

属性

ResizeObserverSize.blockSize只读

观察到的元素的边框在块尺寸上的长度。如果盒子的 writing-mode 是水平的，它表示垂直尺寸，或高度；如果 writing-mode 是垂直的，它表示水平尺寸，或宽度。

ResizeObserverSize.inlineSize只读

被观察元素的边框在内联尺寸中的长度。如果盒子的 writing-mode 是水平的，它表示垂直尺寸，或高度；如果 writing-mode 是垂直的，它表示水平尺寸，或宽度。

注意： 有关书写模式和块和内联尺寸的更多说明，请阅读处理不同的文本方向。

实例

在此实例中，ResizeObserverEntry.contentBoxSize 属性返回一个 ResizeObserverSize 对象。这是一个包含观察元素内容框大小信息的数组。

const resizeObserver = new ResizeObserver(entries => {
  for (let entry of entries) {
    console.log(entry.contentBoxSize[0]); // 一个 ResizeObserverSize
  }
});

resizeObserver.observe(divElem);

规范

规范
Resize Observer #resizeobserversize

桌面浏览器兼容性

暂无兼容数据