rem:相对于根元素 fontSize大小的单位。
1、根据屏幕宽度定义根元素fontSize的大小。
//定义最大的fontSize
const MAX_FONT_SIZE =42;
//监听 HTML 文档被解析完成的事件
document.addEventListener('DOMContentLoaded',() => {
})
2、定义函数,把像素转化为rem
//以Iphone 6、6s、7、8为设计基础。
//定义预计根元素fontSize。
$rootFontSize: 375 / 10;
//定义像素转化为rem函数
@function px2rem ($px) {
@return $px / $rootFontSize + rem;
}