相比px而言，在响应式web设计中，em有何优势？

我把html中所有长宽全部改用百分比，为了更好的适配不同尺寸的显示设备，而字体这块一直没有很好的解决办法，1em=16px，em的值并不是根据显示器宽度设置的百分比，那为什么还要将px改为em？我该怎么让我的字体大小也能有效的配合整体的百分比宽度？

回复内容：

px 是相对于屏幕分辨率而言的，一个小格子就代表一个 px 在不同分辨率的屏幕上，高分屏的 px 字体看起来会比低分屏的“小”，但事实上它们是一样大小的。
em 是根据元素字体大小定义的（如果本元素没有定义字体大小那么就以父元素字体大小为准，以此类推），字体大小是多少 px，该元素的 1em 就等于多少 px，所以 em 的优势就是可以根据屏幕分辨率的变化等比例地缩放字体。但是用 em 很不方便的地方就是随时都要考虑元素的字体大小，为了弥补这个缺点便出现了 rem。
rem 跟 em 不同的地方在于 rem 是根据根元素（html）的字体大小来确定的，像一般默认的 html 的字体大小是 16px