适用于移动端H5相关页面、对大中小字模式响应式适配的情况，通过原生app提供的一个获取字体参数的方法，记录到自定义属性中，然后结合scss混合语法，在具体的样式编辑中集成进去即可

1. js

// 0,1,2 对应小、中、大字模式
let size = [0,1,2].findIndex(item=>{
	return Number(window.android&&window.android.getMinSize&&window.android.getSize()||0) == item
})
window.document.documentElement.setAttribute('data-size', size)

2. • main.s 引用

import './utils/base.css.js'

3. scss 全局样式

@mixin font_size_20 () {
	font-size:20rpx;
	[data-size="0"] & {
		font-size:20rpx;
	}
	[data-size="1"] & {
		font-size:24rpx;
	}
	[data-size="2"] & {
		font-size:28rpx;
	}
}

4. 样式使用

.text{
    @include font_size_20();
}