首页 > 其他分享 >长度单位px、em和rem的区别是什么?

长度单位px、em和rem的区别是什么?

时间:2022-09-22 08:34:27浏览次数:56  
标签:em 16px px rem font size

px是固定像素,一旦设置就无法因适应页面大小改变

em,rem都是相对长度单位,适用于响应式布局

em是相对于父元素设置字体大小,一般都是以body中的font-size为基准

(浏览器中默认字体尺寸为16px,换句话说1em=16px;那么0.75em=12px,0.625em=10px。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px)

rem是相对于根元素html,这就需要设置一个参考值

标签:em,16px,px,rem,font,size
From: https://www.cnblogs.com/qianduan-Wu/p/16717882.html

相关文章