rem、em、px三者的区别

作者: 唐小福 | 来源:发表于2017-10-22 20:52 被阅读0次

rem(用于可扩展布局):代表根元素font-size的大小，（例如：用在<html> 元素的font-size）。
> 当用在根元素的font-size上面时，它代表了html的默认的font-size大小。
>当未在根元素上面设置font-size大小的时候,此时的1rem==1em.
>当在根元素设置font-size=2rem的时候,就使得页面中1rem的大小相当于html的根字体默认大小的2倍。
em（用于可伸缩布局）:相对长度单位，这个单位表示元素的font-size的计算值。
>如果用在font-size 属性本身，它会继承父元素的font-size。
px:对于屏幕显示，通常是一个设备像素（点）的显示。
>对于打印机和高分辨率的屏幕，一个CSS像素意味着多个设备像素，因此，每英寸的像素的数量保持在96左右。