HTML单位简介

2019-12-21 本文已影响0人 WhiteStruggle

单元	关系到
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是较大宽度或者高度值的百分一。

一个整圈是360deg。例如：0deg，90deg，14.23deg。

一个整圈是400grad。例如：0grad，100grad，38.8grad。

一个完整的圆是2π弧度，近似于6.2832rad。1rad是180 /π度。例如：0rad，1.0708rad，6.2832rad。

一个整圈是1turn。例如：0turn，0.25turn，1.2turn。

fr，
关键字（fraction 的缩写，意为"片段"）。将设置为固定的数值除外，剩余的空间按比例平分。如果两列的宽度分别为1fr和2fr，就表示后者是前者的两倍。