问题
- 通过 height 设置百分比的方式, 可以自适应高度, 但是不会出现滚动条.
- 固定值 height 会出现滚动条, 但是各种屏幕的高度不能自适应.
解决
var screenHeight = window.innerHeight;- 先拿到屏幕高度↑
- 自定义高度
需求1: 超出屏幕高度出现滚动条:
元素高度 = 屏幕高度即可
需求2: 非固定高度
元素高度 = 屏幕高度减去固定 title 或者固定元素的高度 即可
var screenHeight = window.innerHeight;