CSS尺寸单位

CSS长度单位

• 长度单位包括包括：相对单位和绝对单位。
  • 相对长度单位包括：em,ex,ch,rem,vw,vh,vmax,vmin
  • 绝对长度单位包括：cm,mm,q,in,pt,pc,px

相对单位

单位	描述
em	相对于当前字体的尺寸。1em等于当前的字体尺寸
ex	1ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。)
ch	数字“0”的宽度
rem	相对于根元素(即html元素)font-size计算值的倍数
vw	相对于视口的宽度，视口被均分为100单位的vw。（如果视口的宽度为200mm,那么8vw字号大小为16mm，即(8x200)/100）
vh	相对于视口的高度。视口被均分为100单位的vh
vmax	相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax
vmin	相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin

绝对单位

• 绝对单位换算：1 in = 2.54 cm = 25.4 mm = 101.6 q = 72 pt = 6 pc = 96 px

单位	描述
cm	厘米（Centimeters）
mm	毫米（Millimeters）
q	1/4毫米（quarter-millimeters）
in	英寸（Inches)
pt	点、磅（Points）
pc	派卡（Picas），相当于我国新四号铅字的尺寸
px	像素（Pixels），计算机屏幕上的一个点

参考

• HTML中文网
• W3School