H5 与 IOS的爱恨情仇（兼容问题）

1 input 框在ios上存在阴影的问题

 input{
      resize: none;
      -webkit-appearance: none;
      box-sizing: border-box;
    }

2 H5 在ios端滚动的时候卡顿问题（在另一人的博客写的，我直接用了方法1，挺好）

-webkit-overflow-scrolling : touch 

  但这个方案有一个问题，在页面内具有多个overflow：auto的情况下，那些具有 绝对定位（absolute, fixed） 属性的元素，也会跟着滚动。

body {overflow-x: hidden}　

即，给 body 元素添加overflow-x：hidden。然后在滚动容器内加overflow-y: auto