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

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,这就需要设置一个参考值

posted @ 2022-09-22 08:20  天青色等烟雨灬  阅读(224)  评论(0)    收藏  举报