好用不常见,前端开发单位vh

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

px

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

vh

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

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

qb1

切版- 切图网(qietu.com)旗下psd转html,前端外包的“切图客”团体。

发表评论

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

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

客服咨询
客服1
客服2
微信公众号