// 移动端适配方案:以750px设计稿为基准,1rem = 100px。eg:font-size: 0.32rem;(字体大小为32px)。
(function (document, window) {
let designWidth = 750 // 设计稿宽度,需根据设计稿进行调整。
document.documentElement.style.fontSize = document.documentElement.clientWidth / designWidth * 100 + "px";
window.onresize = function () {
document.documentElement.style.fontSize = document.documentElement.clientWidth / designWidth * 100 + "px";
}
}(document, window))
移动端适配rem布局
最新推荐文章于 2022-10-20 15:08:32 发布