文章目录
一、根据设计图设计rem比例
- 比如设计图宽度为750 那么就根据屏幕宽度除以设计图的宽度
width / 7.5 100px = 1rem
// 初始化
let self = this;
window.onload = function() {
/*1366代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,这里写100是
为了以后好算,比如,你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/
self.getRem(750, 10);
};
self.getRem(750, 10);
window.onresize = function() {
self.getRem(750, 10);
};
// 设计rem节点大小,等比例换算
function getRem(pwidth, prem) {
let html = document.documentElement;
let oWidth = window.outerWidth ? window.outerWidth : screen.width;
html.style.fontSize = (oWidth / pwidth) * prem + "px";
}