Javascript 苗条:<;苗条:窗口绑定:内部高度/>;调整窗口大小时无法使用div中的样式属性

Javascript 苗条:<;苗条:窗口绑定:内部高度/>;调整窗口大小时无法使用div中的样式属性,javascript,resize,window,height,svelte,Javascript,Resize,Window,Height,Svelte,在调整窗口大小时,我尝试在div元素中添加动态高度作为样式属性,使用svelte special元素,但我没有得到我想要的正确结果,是否有任何遗漏 代码:- <script> var innerHeight; </script> <svelte:window bind:innerHeight={innerHeight} /> <div style="height: {innerHeight};"> <h

在调整窗口大小时,我尝试在div元素中添加动态高度作为样式属性,使用svelte special元素
,但我没有得到我想要的正确结果,是否有任何遗漏

代码:-

<script>
    var innerHeight;
</script>

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

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

var内高;
窗口高度:{innerHeight}
输出:-

<script>
    var innerHeight;
</script>

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

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


提前感谢

innerHeight
是一个单位较少的值,为了像您这样使用它,您必须自己将单位添加到样式标签的

style=“height:{innerHeight}px;”


(注意额外的px)

我已经得到了答案,因为innerHeight是单位减去的值,我们必须像这样添加px style=“height:{innerHeight}px;”是的,我得到了解决方案,并且工作正常。谢谢!!