uniapp如何是如何进行字体的响应式处理的


在uniapp中使用rpx设置自适应宽度

rpx 默认以750rpx作为375px(iPhone678)的基准

所以往往屏幕越大字体越大 为的就是比例一致

那么为什么在电脑上的比例却没有非常大呢

因为存在rpxCalcMaxDeviceWidth,最大支持,将以设备基准宽度375px计算。

下面是三个与响应式有关的属性:

rpxCalcBaseDeviceWidth Number 375 rpx 计算使用的基准设备宽度,设备实际宽度超出 rpx 计算所支持的最大设备宽度时将按基准宽度计算,单位 px App(vue2 且不含 nvue)、H5(2.8.12+)

rpxCalcIncludeWidth Number 750 rpx 计算特殊处理的值,始终按实际的设备宽度计算,单位 rpx App(vue2 且不含 nvue)、H5(2.8.12+)

rpxCalcMaxDeviceWidth Number 960 rpx 计算所支持的最大设备宽度,单位 px App(vue2 且不含 nvue)、H5(2.8.12+)

https://uniapp.dcloud.net.cn/collocation/pages.html#globalstyle

rpx 其它相关配置 :
1.HBuilder - 设置 - 编辑器设置 - px转rpx/upx比例
2.rpx/upx小数部分保留长度(特别重要,保留太小,比例会不对)
3.当然你还可以参考以上网页在manifest修改模板基准


文章作者: iamfugui
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 iamfugui !
评论
  目录