| 单元 | 名称 | 相当于 |
|---|---|---|
| cm | 公分 | 1厘米= 96px / 2.54 |
| mm | 毫米 | 1mm = 1厘米的1/10 |
| Q | 四分之一毫米 | 1Q = 1厘米的40分 |
| in | 英制 | 1英寸= 2.54厘米= 96像素 |
| pc | 皮卡斯 | 1个= 1英寸的1/16 |
| pt | 点数 | 1pt = 1的1/72英寸 |
| px | 像素 | 1px = 1in的1/96 |
| 单元 | 关系到 |
|---|---|
| em | 父元素的字体大小，比如当前div的字体大小是12px，那么1rem=12px。 |
| ex | 元素字体的x高度。 |
| ch | 元素字体的字形“ 0”的提前量度（宽度）。 |
| rem | 根元素的字体大小，参考对象是html根元素 |
| lh | 元素的线高。 |
| vw | 视口宽度的1％，1vw等于当前视口宽度的百分之一。 |
| vh | 视口高度的1％。1vw等于当前视口高度的百分之一 |
| vmin | 视口较小尺寸的1％，值是当前vw和vh中较小的值，也就是相对于当前视口宽度和高度较小的那一个，1vmin是较小宽度或者高度值的百分一。 |
| vmax | 视口较大尺寸的1％，是当前vw和vh中较大的值，也就是相对于当前视口宽度和高度较大的那一个，1vmax是较大宽度或者高度值的百分一。 |
角度单位angle
- deg
以度为单位表示角度。
一个整圈是360deg。例如：0deg，90deg，14.23deg。
- grad
用梯度表示角度。
一个整圈是400grad。例如：0grad，100grad，38.8grad。
- rad
用弧度表示角度。
一个完整的圆是2π弧度，近似于6.2832rad。1rad是180 /π度。例如：0rad，1.0708rad，6.2832rad。
- turn
表示转数的角度。
一个整圈是1turn。例如：0turn，0.25turn，1.2turn。
其他
- fr，
关键字（fraction 的缩写，意为"片段"）。将设置为固定的数值除外，剩余的空间按比例平分。如果两列的宽度分别为1fr和2fr，就表示后者是前者的两倍。
网友评论