长度单位包括包括:相对单位和绝对单位。
相对长度单位包括有: em, ex, ch, rem, vw, vh, vmax, vmin
绝对长度单位包括有: cm, mm, q, in, pt, pc, px
em 相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
ex 相对长度单位。相对于字符“x”的高度。通常为字体高度的一半。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸
ch 数字“0”的宽度
rem 相对于根元素(即html元素)font-size计算值的倍数
vh 相对于视口的高度。视口被均分为100单位的vhvw 相对于视口的宽度。视口被均分为100单位的vw
vmax 相对于视口的宽度或高度,总是相对于大的那个。视口的宽度或高度被均分为100单位的vmax
vmin 相对于视口的宽度或高度,总是相对于小的那个。视口的宽度或高度被均分为100单位的vmin
cm 绝对长度单位: 厘米(Centimeters) 1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
mm 毫米(Millimeters)
q 1/4毫米(quarter-millimeters)
in 英寸(Inches)
pt 点(Points)
pc 派卡(Picas) 相当于我国新四号铅字的尺寸。
px 相对长度单位。像素(Pixels)。
1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
rpx 微信小程序中最小像素单位
可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。