Css获取视图宽高vh&vw

css推出的快速获取视图宽高的新单位

今天开发项目的时候，本人开始不知道有这个新技术，使用的还是js获取视图的宽高，来进行相应的页面布局，同事突然提出你用的什么单位来判断的视图宽高，用过vh吗？？？？纳尼？？？vh什么鬼？然后很尴尬的问问度娘！

新单位vh

css3新单位，view height的简写，是指可视窗口的高度。假如高度是900px的话。那10vh就是90px
（以前一直使用js写，太麻烦，也太Low了！）

height: 100vh; // 然后就没有然后了，哦了！简直太方便了！

新单位vw

css3推出的新单位，view width的简写，是指可视窗口的宽度。假如宽度是1200px的话。那10vw就是120px

width: 100vw;

平时使用js来获取视图宽高的兄弟们（个人获取完了使用，flex布局，有时使用calc(100% - 38px)函数计算），现在可以装一下了! ^^_^