手机端页面在项目中遇到的一些问题及解决办法

1.解决页面使用overflow: scroll在ios上滑动卡顿的问题?

首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成IOS上页面滑动的卡顿问题。解决方案是：

(1) 看是否能把body和html的height: 100%去除掉。

(2) 在滚动的容器中增加：-webkit-overflow-scrolling: touch或者给body增加：body {overflow-x: hidden}。·

2.ios页面橡皮弹回效果遮挡页面选项卡？

(1) 有时body和html的height: 100%去除掉问题可能就没有了。

(2) 到达临界值的时候在阻止事件默认行为·

3.IOS机型margin属性无效问题？

(1) 设置html body的高度为百分比时，margin-bottom在safari里失效

(2) 直接padding代替margin·

4.有时因为服务器或者别的原因导致页面上的图片没有找到？

这时我们想需要用一个本地的图片代替没有找的的图片·