em和rem的区别

em和rem都是长度单位。

em相对于父元素，rem相对于根元素。

em：

1、父元素font-size：16px，子元素font-size：1em，则为16px；

2、width、height、padding、margin这些属性的em，是相对于该元素的font-size的，而不是父元素，

div的font-size：30px，width：2em，则width为60px。

rem：

 rem的长度相对于根元素html的font-size。

html的font-size：16px，div的font-size：2rem，则为32px；width：10rem，则为160px。

注意：

谷歌浏览器最小字体为font-size：12px

总结：

一般响应式网页推荐使用rem，优点是参照物为根元素，比较方便。

px一般用于元素的定位。

当然，选择使用什么单位也可以根据实际项目来决定。