css 中单位 px、em、rem 的区别
- px 是固定的像素,一旦设置了就无法因为适应页面大小而改变。
- em 和 rem 相对于 px 更具有灵活性,他们是相对长度单位,意思是长度不是定死了的,更适用于响应式布局。
对于 em 和 rem 的区别一句话概括:em 相对于父元素,rem 相对于根元素
<html>
在做项目的时候用什么单位长度取决于你的需求,我一般是这样的:
像素(px):用于元素的边框或定位。 em/rem:用于做响应式页面,不过我更倾向于 rem,因为 em 不同元素的参照物不一样(都是该元素父元素),所以在计算的时候不方便,相比之下 rem 就只有一个参照物(html 元素),这样计算起来更清晰。