当前位置:编程学习 > html/css >>

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 ( responsive pixel)响应单位
  • rpx是微信小程序独有的(现在多个小程序已经通用)、解决屏幕自适应的尺寸单位
  • 可以根据屏幕宽度进行自适应,不论大小屏幕,规定屏幕宽为750rpx
  • 通过 rpx 设置元素和字体的大小,小程序在不同尺寸的屏幕下,可以实现自动适配
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,