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)
函数计算),现在可以装一下了! ^_^