移动端兼容(持续更新)

1.1.IOS高版本不支持input.select()

苹果8p可用input.select(),iPhone X input.select()不可用,可使用input.createTextRange()代替

 

2.IOS不兼容text-align-last: justify;

网上看到了很多说用伪元素代替,但是如果只有两个字需要对齐,那么就不管用,个人推荐还是老老实实用i标签代替

<div class="login-name"><i class="blank"></i><i class="blank"></i>名:
</div>
.logint-name {
    display: inline-block;
    width: 5em;
    height: 23px;
    line-height: 23px;
    text-align:justify;

    .blank{
      display: inline-block;
      width: 1em;
      height: 0;
    }
  }

 3.overflow:scroll || auto在iOS上滑动卡顿

-webkit-overflow-scrolling:touch

 

posted @ 2021-03-31 16:05  Sofiaღ  阅读(55)  评论(0编辑  收藏  举报