Svelte 尺寸的綁定

每個塊級標簽都可以對 clientWidth、clientHeight、offsetWidth 以及 offsetHeight 屬性進行綁定：

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

這些綁定是只讀的，更改w 和 h 的值不會有任何效果。

對標簽的尺寸更改 請閱讀這里。 由于涉及到額外的性能開銷，因此不建議在頁面中大量的使用。

使用display: inline的標簽無法獲得尺寸，當然包含有其他有尺寸的標簽 (例如<canvas>)也不會得到正常顯示。在這種情況下建議對該標簽嵌套一層標簽或者直接綁定它的父級。