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

标签 html css angular

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

这是我的html部分

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

在我的ts文件中

this.divHeight= window.innerHeight - 202;

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

最佳答案

为什么不直接使用 vh 属性——也许与 calc 一起使用?

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

编辑: vh 代表“ View 高度”。它还有一个对应的“ View 宽度”属性,称为 vw

关于html - 如何使用angular 5根据屏幕分辨率设置动态div高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51613750/

相关文章:

html - 如何跨帧显示叠加层?

css - Sublime Text 3 中的 Sass + CSS3 + CSS Comb

html - 无法在字符串 'validator' 上创建属性 'userForm' - 使用组件工厂

javascript - 输入字段在收到值后不刷新

javascript - 在浏览器中捕捉保存 (Ctrl/Cmd+S) 键盘快捷键?

html - FF Chrome 和 Safari PC 中的分页前失败

javascript - 只有 2 张图像的旋转效果

angular - 当解析在 Angular 5 中没有返回数据时停止路由更改

Angular 库导出模型和库

html - 页面底部的随机空白,但仅限于移动设备