chenliqio / fe-interview

前端面试题型汇总
0 stars 0 forks source link

【CSS】Day7--对比下px、百分比、em、rem有什么不同?⭐️⭐️ #21

Open chenliqio opened 2 years ago

chenliqio commented 2 years ago

一、像素(px)

是一个长度单位,不同显示屏幕的像素大小不同,像素越小,效果越清晰。

二、百分比

将属性值设置为相对其父元素属性的百分比,这样就可以随着父元素的改变而改变。

三、em

em是相对于元素的字体大小来计算的。
1em = 1font-size
em会根据字体的大小改变而改变。

四、rem

rem是相对于根元素的字体大小来计算的。并且当需要字体根据移动端型号不同时,而相应的改变大小时,也可以使用rem。