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

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.有时因为服务器或者别的原因导致页面上的图片没有找到?

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


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

推荐阅读更多精彩内容

  • 1.解决页面使用overflow: scroll在iOS上滑动卡顿的问题? 首先你可能会给页面的html和body...
    BULL_DEBUG阅读 1,017评论 0 3
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,869评论 1 92
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,033评论 3 119
  • 宛风|第24个故事|砂锅情怀 2017年第1天。 2016年最后一天开通简书,开启在简书记录生活点滴,成长的路。 ...
    宛小风阅读 403评论 1 1
  • 最近画的不好,也写不出美的句子,干脆和大家分享一些那些令人感悟的短句吧。 关于选择 “为了自己想过的生活,勇于放弃...
    slowhot阅读 652评论 2 9