ios手机页面滑动卡顿问题

说起来真是件悲伤的事情，开发了这么多移动端页面，今天犯了一个低级，而我却不知道的错误。

因为现在移动设备真是贼辣多，手机屏幕的高度，宽度各式各样。

所以我们有一些页面高度不够长，在iPhone8x、三星长屏手机等页面显示不全，所以我开发的时候，有时候会给html和body都设置上height：100%，所以在ios手机上这个页面滑动的时候就会卡顿了。

正确的做法应该是这样的：给html设置一个min-height:100%;给body设置一个

max-width: 750px;

margin: 0 auto;

所以，错误就出在了

html,body{

  height: 100%;

}

删除上述代码即可。

如果还不行啊，网上有人是这样推荐的

其他原因：
*{
  -webkit-overflow-scrolling: touch;
}
增加上述代码。