/*
|
* @Date: 2024-01-04 21:16:19
|
* @LastEditors: Sneed
|
* @LastEditTime: 2024-01-04 21:16:35
|
* @FilePath: /belleson-frontend/Users/mache/Library/Containers/com.tencent.xinWeChat/Data/Library/Application Support/com.tencent.xinWeChat/2.0b4.0.9/650b28d71b3acf9feb5c2af6da2686eb/Message/MessageTemp/650b28d71b3acf9feb5c2af6da2686eb/File/mdc-portal/src/assets/rem.js
|
*/
|
// 配置基本大小
|
let baseSize = 19;
|
|
// 设置 rem 函数
|
function setRem () {
|
//当前页面宽度相对于1920px屏幕宽的缩放比例,可根据自己需要修改。
|
let scale = document.documentElement.clientWidth / 1920;
|
//设置页面根节点字体大小(“Math.min(scale, 2)” 指最高放大比例为2,可根据实际业务需求调整)
|
document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px'
|
}
|
setRem(); //初始化
|
|
// 适配 - 重置函数
|
function resetRem (num) {
|
if(num) baseSize = Number(num);
|
setRem();
|
}
|
window.resetRem = resetRem; // 全局可调用(其他方式也可)
|
|
// 改变窗口大小时重置 rem
|
window.onresize = function () {
|
setRem()
|
|
}
|