将vertical-rl替换为tb-rl,调整后问题依然存在,字体大小、行高等属性也做过类似调整
字体的大小、行距等设置都没问题,为什么在华为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)。*/ } 望解答。
2023-03-31vertical-rl这个命令好像就是有bug
cover-view下writing-mode真机失效!cover-view下writing-mode真机失效! 工具里显示正确的: [图片] 真机显示错误的: [图片] wxss: .text { display: inline-block; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; position: relative; font-size: 20rpx; white-space: nowrap; padding: 8rpx 0; width: 20rpx; z-index: 2000; background: #6E6F6F }
2023-03-31