如何使用角度5根据屏幕分辨率设置动态div高度

Question

我需要根据屏幕分辨率设置div高度。我正在使用角度5进行编码。即使放大或缩小屏幕，div高度也应适合该位置

这是我的html部分

<div [style.height.px]="divHeight">
</div>

在我的ts文件中

this.divHeight= window.innerHeight - 202;

这仅在我的屏幕为100％缩放时有效。即使屏幕放大或缩小，我也需要调整div高度。请帮我。

Answer 1

为什么不仅仅使用vh属性-也许与calc一起使用？

div.thatShallNotBeNamed {
   height: calc(100vh - 202px);
}

编辑： vh代表“视图高度”。它还具有一个称为“ vw

的“视图宽度”的对应属性。

Answer 2

Window.innerHeight甚至可以缩小和放大。

我认为您面临的问题是放大或缩小时没有重置div的高度，可以为此目的使用主机侦听器。          

@HostListener("window:resize")
onResize() {
    this.divHeight = window.innerHeight - 202;  
}