移动端适配不同屏幕分辨率——rem布局

1.引入common.js

common.js
function setHtmlFont () {
// 限定 html 的字体比例，其他内容尺寸根据 html 的大小进行限定
let windowW = window.innerWidth ? window.innerWidth : document.body.clientWidth;
let scale = windowW / 750;
let winFont = 100 * scale;
document.documentElement.style.fontSize = winFont + 'px';
}
setHtmlFont();

2.引入common.css

html{
    font-size: 100px;
}
body{
    font-size: 0.16rem;
}
1rem = 100px;

 

转载于:https://www.cnblogs.com/wangpeiyuan/p/8184803.html