1***@qq.com
1***@qq.com
  • 发布:2019-11-01 16:50
  • 更新:2021-05-20 11:03
  • 阅读:34758

uni-app text字体大小设置

分类:uni-app

当设置text字体大小时 超过一定值则没有变化
比如 当我设置text字体大小为 24upx 与 10upx时 实际大小未变

 <text style="font-size:24upx"> 这是我24upx大小字体</text>  
 <text style="font-size:10upx"> 这是我10upx大小字体</text>

结果是页面字体大小一样

2019-11-01 16:50 负责人:无 分享
已邀请:
8***@qq.com

8***@qq.com

因为font-size最小是12px(24upx=24rpx=12px;),想要更小的文字大小可以通过transform: scale(1.5)缩放大小,更改数值就可以了

3***@qq.com

3***@qq.com

遇到了相同的情况,最后发现是chrome自身的问题,在设置里有自定义字体的设置里面有字体最小值默认就是12px,自行修改后即可解决

  • 1***@qq.com

    对,就是浏览器自身的问题

    2023-05-30 14:44

1***@qq.com

1***@qq.com (作者)

??????

陈晨1

陈晨1

upx已经准备废除,请使用px。

  • 1***@qq.com (作者)

    使用px rpx效果也是一样的

    2019-11-06 11:30

  • 陈晨1

    回复 1***@qq.com: 你发测试demo

    2019-11-06 11:40

  • 1***@qq.com (作者)

    回复 陈晨1: 已解决,使用uniappH5版在hbuildx内置浏览器中运行,字体设置大小最低为12px,小于这个值不生效,更换浏览器正常显示,或者scale缩小

    2019-11-20 10:10

  • 1***@163.com

    回复 1***@qq.com: 你确定 设置正常吗 老哥 10号字 用的 20rpx 还是10px

    2020-04-23 14:45

4***@qq.com

4***@qq.com

font-size改为fontSize

莫问归期

莫问归期

1:fontSize
2:使用uniappH5版在hbuildx内置浏览器中运行

以上两种方法都试过了 就是无法控制text标签内字体的大小

该问题目前已经被锁定, 无法添加新回复