响应式网站设计中-px-em-rem三者的区别以及rem的使用？

1.px像素，一种相对的长度单位，它是相对于显示器分辨率的。
比如电脑的分辨率为1920*1024那么1920就指屏幕宽度有1920个像素宽度，后者则表示有1024个长度单位。
2.em相对于父级的单位。
它的值不是固定的，是可以继承父元素的字体大小。
假设p标签继承了父元素body的字体大小为16px则他的1em也为16px。
3.rem相对于根元素的单位。
通过它可以做到只修改根元素就成比例地调整所有字体大小。
可以从浏览器字体设置中继承字体大小。
4.em和rem的区别
区别em是根据父元素继承相应大小而不是固定的，rem是继承html根元素的大小，只有改变根元素html的值才能改变rem的值。