管逍遥
管逍遥
  • 发布:2020-12-19 17:03
  • 更新:2023-04-12 17:01
  • 阅读:4100

#插件需求# uniapp字体随着系统的大小而变化

分类:uni-app

uniapp怎样支持随着系统字体的大小变化而变化,能满足老年人的需求

2020-12-19 17:03 负责人:无 分享
已邀请:
4***@qq.com

4***@qq.com

字体大小用rpx
pages.json 文件中 globalStyle节点添加

"rpxCalcMaxDeviceWidth": 2160, // rpx 计算所支持的最大设备宽度,单位 px,默认值为 960  
    "rpxCalcBaseDeviceWidth": 375, // rpx 计算使用的基准设备宽度,设备实际宽度超出 rpx 计算所支持的最大设备宽度时将按基准宽度计算,单位 px,默认值为 375  
    "rpxCalcIncludeWidth": 750 // rpx 计算特殊处理的值,始终按实际的设备宽度计算,单位 rpx,默认值为 750  

改成这样:
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8",
"rpxCalcMaxDeviceWidth": 2160, // rpx 计算所支持的最大设备宽度,单位 px,默认值为 960
"rpxCalcBaseDeviceWidth": 375, // rpx 计算使用的基准设备宽度,设备实际宽度超出 rpx 计算所支持的最大设备宽度时将按基准宽度计算,单位 px,默认值为 375
"rpxCalcIncludeWidth": 750 // rpx 计算特殊处理的值,始终按实际的设备宽度计算,单位 rpx,默认值为 750
}

  • 管逍遥 (作者)

    加上这个不能随着系统字体大小的变化而变化,要像微信小程序那种可以调整字体大小的

    2020-12-21 17:43

4***@qq.com

4***@qq.com

css中只要是大小的数字都用rpx作为单位
/ 底部tabbar区域 /
.home-bottom-container {
height: 121rpx;
background-color: #F8F8F8;
/ background-color: #007AFF; /
}

  • 管逍遥 (作者)

    我都是用rpx作为单位的

    2020-12-21 17:43

1***@qq.com

1***@qq.com

解决了吗

1***@qq.com

1***@qq.com - 7687

怎么弄的 ?求指点一二

FullStack

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866

cloudqz_WCH

cloudqz_WCH

字体单位用em不能满足吗

要回复问题请先登录注册