你可以将 clientWidth、clientHeight、offsetWidth 和 offsetHeight 绑定添加到任何元素，Svelte 将使用 ResizeObserver 更新绑定值：

¥You can add clientWidth, clientHeight, offsetWidth and offsetHeight bindings to any element, and Svelte will update the bound values using a ResizeObserver:

<div bind:clientWidth={w} bind:clientHeight={h}>
	<span style="font-size: {size}px" contenteditable>{text}</span>
	<span class="size">{w} x {h}px</span>
</div>

这些绑定是只读的 - 更改 w 和 h 的值不会对元素产生任何影响。

¥These bindings are readonly — changing the values of w and h won’t have any effect on the element.

display: inline 元素没有宽度或高度（具有 ‘intrinsic’ 尺寸的元素除外，如 <img> 和 <canvas>），并且无法通过 ResizeObserver 观察到。你需要将这些元素的 display 样式更改为其他样式，例如 inline-block。

¥[!NOTE] display: inline elements do not have a width or height (except for elements with ‘intrinsic’ dimensions, like <img> and <canvas>), and cannot be observed with a ResizeObserver. You will need to change the display style of these elements to something else, such as inline-block.