认识几个新的长度单位(vh,vw,vmin,vmax)

vh,vw,vmin,vmax这些单位都是viewport下的单位,首先搂一眼兼容性

兼容还不错,忽略operamini,可以放心使用了

vh:1vh相对于viewport的高度的1%,100vh=100%viewport高度,用这个有个很方便的地方,有时我们需要在移动端设置一个div高度(height:100%),着需要额外设置html,body为100%,才能实现效果。 比较繁琐,借用这个单位一步到位(height:100vh)that’s enough!

同理可以使用vw表示viewport宽度的1%

vmin和vmax取viewport宽度和高度中的最小值得1%

小伙伴们,试试吧!

css3
作者:张雪飞
出处:https://zhangxuefei.site/p/1975
版权说明:欢迎转载,但必须注明出处,并在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

发表评论

电子邮件地址不会被公开。 必填项已用*标注