这幅图是在开发工具中,与大多数手机系统中的显示效果。
这幅图是在华为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)。*/
}
望解答。
将vertical-rl替换为tb-rl,调整后问题依然存在,字体大小、行高等属性也做过类似调整