在最近一个项目中,我们需要兼容5k屏,事实上任何一个普通的pc网页放在5k屏幕下都会显得非常非常的小,那么,这种情况我们就需要用到vh来替代px做单位了。
px
众所周知就是像素,非常直观,20px一定是20个像素,比如滚动条宽度也是20个像素。
vh
vh是相对于视口的高度。视口被均分为100单位的vh。
h1 {
font-size: 8vh;
}
如果视口的高度是200mm,那么上述代码中h1元素的字号将为16mm,即(8x200)/100
原文
http://www.qieban.cn/qianduan-danwei-vh
切版/前端外包靠谱之选。
,