css的大小单位px,em,rem区别

PX

px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。使用px可以准确的定位网页元素,但是,不同显示器网页的显示效果可能会有差异,比较难兼容。

EM

EM就是根据基准来缩放字体的大小。EM实质是一个相对值,而非具体的数值。em是相对于父元素的属性而计算的,假如父元素的font-size是16px,2em=2*16px=32px。

REM

REM也是一个相对值,不过REM是相对html根元素的font-size而计算的。

一般浏览器的默认字体大小是16px,单位间的换算方便,10÷16=0.625,可以设置html的font-size为62.5%,1em=10px,16px=1.6em。因为chrome的最小字体为12px,所以这样设置最后得到的尺寸会大一些

posted @ 2017-07-29 02:46  医学生学前端  阅读(925)  评论(0编辑  收藏  举报