ResizeObserverSize

ResizeObserverSize 接口是 Resize Observer API 的一部分，它被 ResizeObserverEntry 接口用于访问被观察元素的盒尺寸属性。

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

实例属性

ResizeObserverSize.blockSize 只读

观察元素边框框在块维度上的长度。对于具有水平 writing-mode 的框，这是垂直维度，即高度；如果 writing-mode 为垂直，则是水平维度，即宽度。

ResizeObserverSize.inlineSize 只读

观察元素边框框在内联维度上的长度。对于具有水平 writing-mode 的框，这是水平维度，即宽度；如果 writing-mode 为垂直，则是垂直维度，即高度。

注意： 有关书写模式和块和内联维度的更多解释，请阅读 处理不同的文本方向。

示例

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

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

resizeObserver.observe(divElem);

规范

规范
Resize Observer
# resizeobserversize

浏览器兼容性

BCD 表格仅在浏览器中加载