l***@163.com
l***@163.com
  • 发布:2024-11-06 17:41
  • 更新:2024-11-06 18:16
  • 阅读:58

rpx 字体大小问题

分类:uni-app

最终渲染出来的实际效果是一样的 怎么回事儿呢
<view class="font1">字体1</view>
<view class="font2">字体2</view>
<view class="font3">字体3</view>
<view class="font4">字体4</view>
<view class="font5">字体5</view>
<view class="font6">字体6</view>
<view class="font7">字体77</view>

.font1{
font-size: 2rpx;
}
.font2{
font-size: 4rpx;
}
.font3{
font-size: 6rpx;
}
.font4{
font-size: 8rpx;
}
.font5{
font-size: 10rpx;
}
.font6{
font-size: 12rpx;
}
.font7{
font-size: 14rpx;
}

2024-11-06 17:41 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

字体转换最小值是12rpx 所以font-size 12rpx以下的 都是一样多大
你对比一下10 12 14 16 就能发现了
你可以用你transform: scale(0.8); 缩放 来显示12rpx以下的字体大小
或者直接用px

  • l***@163.com (作者)

    怎么才能小于12px

    2024-11-06 18:15

  • 爱豆豆

    回复 l***@163.com: 可以用 transform: scale(0.8); 缩放实现

    2024-11-06 18:16

要回复问题请先登录注册