CSS中vh和vw单位设置宽高

响应式布局离不开百分比,但是,CSS百分比并不是所有问题的最佳解决方案,CSS的宽度是相对于包含它的父元素的宽度的,如果你想用视口的宽度或者高度,而不是父元素的,便可以使用vh和vw单位来设置宽高

1vh等于1/100的视口高度,例如浏览器高度是900px,则1vh便等于9px,宽度同理

例子:

div{width:100vw; height:100vh;}

该元素和浏览器等宽高

也可以使用该单位去设置font-size的值

兼容性:IE10+

你可能感兴趣的:(CSS中vh和vw单位设置宽高)