浏览器之间结果的差异，用于页面右侧的转换

问题描述

在页面右边缘的文本转换方面，我发现自己处于差异面前。似乎Chrome（左）和Firefox（右）在正确的行为上存在分歧：

这是变换：

'style': {'transform': 'rotate(-90deg) translateY(-305%)','transformOrigin': 'right top','textAlign': 'left'}

element.style {
    transform: rotate(-90deg) translateY(-305%);
    left: 99.3471%;
    transform-origin: right top;
    text-align: left;
}
<style>
.rc-slider-mark-text-active {
    color: #666;
}
<style>
.rc-slider-mark-text {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #999;
}
<style>
.rc-slider * {
    Box-sizing: border-Box;
    -webkit-tap-highlight-color: rgba(0,0);
}
*,*::before,*::after {
    -webkit-Box-sizing: border-Box;
    Box-sizing: border-Box;
}

^其中一个元素的行为有所不同。

是否有解决左行为的想法？提前谢谢。

解决方法

好像调整宽度以适合内容一样。