d***@apsystems.cn
d***@apsystems.cn
  • 发布:2022-08-30 11:17
  • 更新:2024-06-21 14:45
  • 阅读:506

app放置后台,重新打开后随机部分页面字体变大

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 专业版 21H2

HBuilderX类型: 正式

HBuilderX版本号: 3.5.3

手机系统: iOS

手机系统版本号: iOS 15

手机厂商: 苹果

手机机型: iphone 7 plus

页面类型: vue

vue版本: vue2

打包方式: 离线

项目创建方式: HBuilderX

示例代码:
<template>  
    <page-meta :root-font-size="`${$store.state.Global.fontSize}px`"></page-meta>  
    <view class="home">  
    </view>  
</template>

代码属于公司机密,只能提供关键部分
postcss.config.js如下

const path = require("path");  
module.exports = {  
    parser: "postcss-comment",  
    plugins: {  
        "postcss-import": {  
            resolve(id, basedir, importoptions) {  
                if (id.startsWith('~@/')) {  
                    return path.resolve(process.env.UNI_INPUT_DIR, id.substr(3))  
                } else if (id.startsWith('@/')) {  
                    return path.resolve(process.env.UNI_INPUT_DIR, id.substr(2))  
                } else if (id.startsWith('/') && !id.startsWith('//')) {  
                    return path.resolve(process.env.UNI_INPUT_DIR, id.substr(1))  
                }  
                return id  
            }  
        },  
        "autoprefixer": {  
            overrideBrowserslist: ["Android >= 4", "ios >= 8"],  
            remove: process.env.UNI_PLATFORM !== 'h5'  
        },  
        'postcss-px-to-viewport': {  
            unitToConvert: 'rpx',  
            viewportWidth: 1500,  
            unitPrecision: 5,  
            propList: ['*'],  
            viewportUnit: 'rem',  
            fontViewportUnit: 'rem',  
            selectorBlackList: [],  
            minPixelValue: 1,  
            mediaQuery: false,  
            replace: true,  
            exclude: undefined,  
            include: undefined,  
            landscape: false,  
        },  
        '@dcloudio/vue-cli-plugin-uni/packages/postcss': {}  
    }  
}

操作步骤:

打开app,然后将其切到后台,运行其他app一段时间后,再切回来,

预期结果:

所有页面字体大小正常显示。

实际结果:

部分页面字体变的特别大,部分页面又是正常大小的。

bug描述:

运行到ios基座后,所有页面都显示正常,然后将其切到后台,运行其他app一段时间后,再切回来,发现部分页面字体变的特别大,部分页面又是正常大小的。
然后就离线打包出来,安装到手机上测试,依然存在这样的问题。其他的苹果手机也试了,也有这样的问题。
后来我将$store.state.Global.fontSize的值显示在页面上,发现字体变大的页面和正常的页面的值都是7.5,7.5值是正常值。

2022-08-30 11:17 负责人:无 分享
已邀请:
DCloud_iOS_XHY

DCloud_iOS_XHY

你好,示例工程无法复现此问题,能否提供一个完整可复现问题的demo工程便于排查

982740

982740

请问大佬,哪个IOS挂在后台,切换回来字体变大,您怎么解决的啊

9***@qq.com

9***@qq.com

楼主怎么解决问题的, 2024/06/21这bug还在呢

要回复问题请先登录注册