rem、em、px三者的区别

来源:互联网 发布:苹果电脑 音乐软件 编辑:程序博客网 时间:2024/06/05 20:40

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左右。

原创粉丝点击