rem px em 的关系

1.px像素相对长度单位。像素px是相对于显示器屏幕分辨率而言的
2.emem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
 3.rem是CSS3新增的一个相对单位（root em，根em），这个单位引起了广泛关注。这个单位与em有什么区别呢？区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了IE8及更早版本外，所有浏览器均已支持rem。
 4 .我重点说一下rem  ，rem是针对根元素说的 也就是html的字体大小 。
 例如：html的字体大小为16px 那么1rem就等于16px
 |  px  |     rem       |

---

| 12 | 12/16 = .75 |
| 14 | 14/16 = .875 |
| 16 | 16/16 = 1 |
| 18 | 18/16 = 1.125 |
| 20 | 20/16 = 1.25 |
| 24 | 24/16 = 1.5 |
| 30 | 30/16 = 1.875 |
| 36 | 36/16 = 2.25 |
| 42 | 42/16 = 2.625 |
| 48 | 48/16 = 3 |
这是一个px和rem的转换表 大家可以看一下
5，还有就是vue中我们怎么设置rem 直接放代码：
(function(){
function w() {
var r = document.documentElement; //html标签的dom元素
var a = r.getBoundingClientRect().width;
if (a > 750 ){
a = 750;
}
rem = a / 7.5;
r.style.fontSize = rem + “px”
}
var t;
w();
window.addEventListener(“resize”, function() {
clearTimeout(t);
t = setTimeout(w, 300)
}, false);
})();
大家参考下哦