javascript - 苗条：在窗口调整大小时不使用 div 中的样式属性

Question

在调整窗口大小时，我尝试使用 svelte 特殊元素在 div 元素中添加动态高度作为样式属性，<svelte:window bind:innerHeight />但我没有得到我正在寻找的正确结果，有什么我错过的吗？

代码：-

<script>
    var innerHeight;
</script>

<svelte:window bind:innerHeight={innerHeight} />

<div style="height: {innerHeight};">
    <h1>window height : {innerHeight}</h1>
</div>

输出：-

在此处输入图像描述

提前致谢

标签： javascriptresizewindowheightsvelte

Answer 1

innerHeight是一个少单位的值，为了像你一样使用它，你必须自己将单位添加到样式标签'

style="height: {innerHeight}px;"

（注意额外的px）