px
和em
都是长度单位,区别是,px
的值是固定的,指定是多少就是多少,计算比较容易。em
得值不是固定的,并且em
会继承父级元素的字体大小。- 浏览器的默认字体高都是
16px
。所以未经调整的浏览器都符合:1em=16px
。那么12px=0.75em
,10px=0.625em
。
px
相对于显示器屏幕分辨率,无法用浏览器字体放大功能
em
值并不是固定的,会继承父级的字体大小:em
= 像素值 / 父级font-size
px
和em
都是长度单位,区别是,px
的值是固定的,指定是多少就是多少,计算比较容易。em
得值不是固定的,并且em
会继承父级元素的字体大小。16px
。所以未经调整的浏览器都符合: 1em=16px
。那么12px=0.75em
, 10px=0.625em
。
px
相对于显示器屏幕分辨率,无法用浏览器字体放大功能
em
值并不是固定的,会继承父级的字体大小:em
= 像素值 / 父级font-size