uniapp里面text文字字体大小设置
问题:当设置text字体大小时 超过一定值则没有变化例如如 当我设置text字体大小为 24upx 与 10upx时 实际大小未变
<text style="font-size:24upx;"> 这是我24upx大小字体</text>
<text style="font-size:10upx;"> 这是我10upx大小字体</text>
结果是页面字体大小一样
答案:
因为font-size最小是12px(24upx=24rpx=12px;),想要更小的文字大小可以通过transform: scale(1.5)缩放大小,更改数值就可以了
同时uniapp现在推荐使用rpx设置字号
扩展阅读:
- rpx是微信小程序独有的(现在多个小程序已经通用)、解决屏幕自适应的尺寸单位
- 可以根据屏幕宽度进行自适应,不论大小屏幕,规定屏幕宽为750rpx
-
通过 rpx 设置元素和字体的大小,小程序在不同尺寸的屏幕下,可以实现自动适配