注意：页面元素需要全部使用 rem 作为单位。

1.使用 uniapp 中的页面属性配置节点，page-meta，注意放在根元素的位置，也就是 template下面的第一层

<template><page-meta :root-font-size="fontsize+'px'" user-scalable=no viewport-fit=cover style="display: block;"></page-meta>// 下面是要显示的页面<view class="bigStyle">......</view>
</template>

2.获取屏幕大小以及监听窗口改变事件

        onLoad() {let srceenNunber = 409.6; // 根据设计稿计算的比例 设计稿宽度/10let that = this;//窗体改变大小触发事件uni.onWindowResize((res) => {console.log('变化后的窗口宽度=', res.size.windowWidth);that.fontsize = parseFloat(res.size.windowWidth) / srceenNunber;// 重新渲染页面uni.$emit('changeRootFontSize', that.fontsize);})//打开获取屏幕大小uni.getSystemInfo({success(res) {that.fontsize = res.screenWidth / srceenNunber;console.log('字体大小：', that.fontsize);// 重新渲染页面uni.$emit('changeRootFontSize', that.fontsize);}})},

3. app.vue 页面触发重新渲染页面

        created() {uni.$on('changeRootFontSize', (newFontSize) => {document.documentElement.style.fontSize = newFontSize + 'px';this.$forceUpdate();});}