在最近一个项目中,我们需要兼容5k屏,事实上任何一个普通的pc网页放在5k屏幕下都会显得非常非常的小,那么,这种情况我们就需要用到vh来替代px做单位了。

px

众所周知就是像素,非常直观,20px一定是20个像素,比如滚动条宽度也是20个像素。

vh

vh是相对于视口的高度。视口被均分为100单位的vh。

h1 { font-size: 8vh; }如果视口的高度是200mm,那么上述代码中h1元素的字号将为16mm,即(8x200)/100

前端开发压力来源(好用不常见的前端开发单位)(1)

原文

http://www.qieban.cn/qianduan-danwei-vh

切版/前端外包靠谱之选。

,