关于overflow-x:auto不生效的一个问题

<div  class="border-top-scale">
      <p style="width:200px;overflow-x:auto" class="label">
        <span style="white-space:nowrap">很长一段文字</span>
      </p>
  </div>
.border-top-scale {
   
  position: relative
  &::before {
   
    position: absolute
    top: -50%
    left: -50%
    content: ''
    width: 200%
    height: 200%
    transform: scale(0.5)
    border-top: 2px solid #eee
  }
}

其中border-top-scale是设置0.5px的border样式，由于position：absolute的原因需要给p元素label添加position:relative属性，否则ios生效，安卓不生效，无法滚动