em与rem笔记

em

相对于父元素的font-size

计算公式：

1 ÷ 父元素的font-size × 需要转换的像素值 = em值

如果元素设置了字体大小，此元素的其他属性，如：border、width、height、padding、margin、line-height计算就需要安装这个公式：

1 ÷ 元素自身的font-size × 需要转换的像素值 = em值

rem

相对于根元素(html)的font-size

function getRem(pwidth, prem) {
    var html = document.getElementsByTagName("html")[0];
    var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
    html.style.fontSize = oWidth / pwidth * prem + "px";
}
window.onload = function () {
    /**
     * 750: 设计稿大小
     * 75：基数，将750设计稿分成10份，每份75px，页面宽度为750时，1rem = 75px
     */
    getRem(750, 75)
};
window.onresize = function () {
    getRem(750, 75)
};