uniapp怎样支持随着系统字体的大小变化而变化,能满足老年人的需求
- 发布:2020-12-19 17:03
- 更新:2023-04-12 17:01
- 阅读:4528
字体大小用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
}
css中只要是大小的数字都用rpx作为单位
/ 底部tabbar区域 /
.home-bottom-container {
height: 121rpx;
background-color: #F8F8F8;
/ background-color: #007AFF; /
}
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866
获取系统设置里的字号字体大小(ios、android):https://ext.dcloud.net.cn/plugin?id=11681
管逍遥 (作者)
加上这个不能随着系统字体大小的变化而变化,要像微信小程序那种可以调整字体大小的
2020-12-21 17:43