问题:px和em的区别?
css中的单位,分为绝对长度和相对长度。
绝对长度:
cm-厘米-1cm=96px/2.54
mm-毫米-1=1/10*1cm
Q四分之一毫米-1=1/4*cm
in-英寸-1=2.54cm=96px
pc-十二点活字-1pc=1/16 * 1in
pt-点-1pt=1/72 * 1in
px-像素-1px=1/69 * 1in(常用的)
相对单位
em:font-size中是父元素的字体大小,其他属性中相对于自身的字体大小。
ex:字符‘x’的高度
ch:数字‘0’的宽度
rem:font-size中是父元素的字体大小,html根元素的字体大小
1h:根元素的line-height
vw:视窗宽度的1%
vh:视窗高度的1%
vmin:视窗较小尺寸的1%
vmax:视窗大尺寸的1%
最后回答: px即像素,是相对于屏幕分辨率而言的,是一个绝对单位,但是具有相对性。因为在同一设备上像素所代表的的物理长度是固定不变的(绝对性),但在不同设备上所代表的的物理长度是可以变化的(相对性)。
em是相对单位,具体的大小要相对于父元素来计算。例如:父元素的字体大小为40px,那么子元素1em就代表字体大小和父元素一样为40px。