需求：
页面头部高度固定（60px），剩下的内容整体高度占满可视区的高度，并且可以随着浏览器窗口大小调整而变化。
解决：
首先想到的vh，100vh的高度刚好可以撑开整个可视区的高度。由于头部有高度剩下的内容整体高度就不能是100vh，而是100vh-60px，这就涉及到两个单位之间的转换。
可视区高度：window.innerHeight + ‘px’ = 100vh
1px = 100 / window.innerHeight + ‘vh’
60px = 100 / window.innerHeight * 60 + ‘vh’
参考： https://www.chhblog.com/article_view?id=376
关于vw和vh：
https://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/