html - css高度等于屏幕高度，求解

问题描述

问 题

就像百度右上角更多产品一样，高度和屏幕高度相等，怎么解决，求大神

解决方案

它只是用js动态设置了min-height属性给style，我屏幕最大化的时候min-height:974，缩小浏览器高度，min-height:814，而这个高度就是我浏览器视口的高度，然后让它display:none，鼠标移上去就display:block，如果在pc端回答，我可以截图给你，无奈现在我这边的SegmentFault抽风，页面加载出问题，点了回答加载不出来富文本编辑器，所以只有手机回答了

---

补充

现在PC端可以了：
鼠标移上去之后（浏览器最大化）：

浏览器缩小之后：

其实就是通过js拿到视口高度，设置给了该元素的style，内联属性覆盖了css而已，不过这是它的做法，我觉得没必要这么麻烦，它或许还有其它考虑。

这篇关于html - css高度等于屏幕高度，求解的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！