如何解决浏览器之间结果的差异,用于页面右侧的转换
在页面右边缘的文本转换方面,我发现自己处于差异面前。似乎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;
}
^其中一个元素的行为有所不同。
是否有解决左行为的想法?提前谢谢。
解决方法
好像调整宽度以适合内容一样。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。