px+em+pt+rpx+rem的区别

 px+em+pt+rpx+rem的区别
 1.px:(Pixel)单位名称像素,相对长度单位,是相对显示器屏幕分辨率而言的。国内使用的多。

 2.em:单位名称为相对长度单位,相对于当前对象内文本的字体尺寸。如果当前对行内文本的字体尺寸未被人设置,则相对于浏览器的默认字体尺寸。国外使用的多。

 3.pt:单位名称为点(point),绝对长度单位一般老版本的table使用,现在已经不用了。

 4.rpx:在移动端用较多。

 5.rem:是CSS3中新增加的一个...


一道相关题

px+em+pt+rpx+rem的区别




解答:
 1、两个字上下之间的距离为15个像素; 即line-height:15px;

 2、两个字上下之间的距离为150%倍;   即line-height:150%;

 3、假如我们初始设font-size:12px; 那么line-height:1.5;  就相当于12*1.5=18px;

 4、先了解 1em=16px; 所以:1.5em=24px; 即两个字上下之间的距离为24个像素;line-height:1.5em == line-height:24px;


要是有错,望大家留言互相学习,互相进步px+em+pt+rpx+rem的区别