关于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生效，安卓不生效，无法滚动

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容