设置字体
// 设置设计稿比例
const uiSize = {
width: 375,
height: 812
}
// 获取屏幕尺寸(h5用window.innerWidth、window.innerHeight)
const system = uni.getSystemInfoSync()
// 宽高与设计稿宽高比
const scaleWidth = system.screenWidth / uiSize.width;
const scaleHeight = system.screenHeight / uiSize.height;
// 字体缩放比例 取宽高比最小的最为比例数
const scaleText = Math.min(scaleWidth, scaleHeight);
// 设置全局属性
document.documentElement.style.setProperty('--scale-text', scaleText)
使用
font-size: calc(var(--scale-text) * 设计稿px);