收藏
回答

字体的大小、行距等设置都没问题,为什么在华为mate30上的文字显示有问题?

这幅图是在开发工具中,与大多数手机系统中的显示效果。

这幅图是在华为mate30中的显示效果

已在开发工具中反复调整,下面是右数第七行棕色竖排文字下的红字“水曰流衍”对应样式的代码。

.biaozhu1{

 top: 820rpx;

 /* 把文本距离容器顶部边缘的距离设置为820像素。 */

  right: 470rpx;

  /* 把文本距离容器右侧边缘的距离设置为470像素。 */

  position: absolute;

  /* 让文本的位置相对于容器的绝对位置进行定位。 */

  font-size: 20rpx;

  /* 设置文本的字体大小为20像素。*/

      writing-mode: vertical-rl;

       /* 将文本的书写模式设置为从上到下的竖向书写模式。*/

  line-height: 20rpx;

   /* 设置文本的行高为20像素。*/

  height: 40rpx;

   /* 设置文本的高度为40像素。*/

  color: rgb(233,71,41)

   /* 设置文本的颜色为红色(RGB值为233,71,41)。*/

}

望解答。

回答关注问题邀请回答
收藏

1 个回答

  • 胡宇龙
    胡宇龙
    2023-03-31

    vertical-rl替换为tb-rl,调整后问题依然存在,字体大小、行高等属性也做过类似调整


    2023-03-31
    有用 1
    回复 2
    • 胡宇龙
      胡宇龙
      2023-03-31
      似乎发现问题了。“ letter-spacing”命令在华为mate30上默认为6左右,加这个属性并且调成负数才能解决这个bug。不知在其它设备中会不会有类似问题
      2023-03-31
      回复
    • 胡宇龙
      胡宇龙
      2023-03-31回复胡宇龙
      就是在不设置文字间距的情况下,系统默认为6rpx
      2023-03-31
      回复
登录 后发表内容