css3.0 前端长度单位 px em rem vm vh vm pc pt in 你真的懂了吗?

1:废话不多说,直接看如下图表:

css3.0 前端长度单位 px em rem vm vh vm pc pt in 你真的懂了吗?

2:px就不过多介绍了,就是像素点的大小,加入您的屏幕分辨率为1920,则每一个相当于每一个有横着的1920个像素点;

3:em 为相对单位,一般以 body 内的 font-size 为基准进行定义,默认值 1em = 16px,假如说我们想使用 “1em” = “10px” 来取代默认值 “1em” = “16px”,应写如下代码:

body { font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/ } h1 { font-size: 2.4em; /*2.4em × 10 = 24px */ } ul{   font-size: 125%; /* 基准变成了20px */ } li {   font-size: 1.4em; /*1.4 × ? = 14px ? */ }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwswdg.html