px转vh/vw

需求：

页面头部高度固定（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/