【工作中】Ios和Android兼容问题汇总

1. fiexed问题,在iso下由于自带的橡皮筋效果,会一直定位在底部。在调起系统键盘时,会在键盘下面。

2. 如果想要使用css3动画,那么一定要变着方式使用3d gpu加速,不要尝试着left,height,width这样的元素进行变换,在Android4.4以下版本卡死你。要逐级加浏览器前缀。

3. Iso全线点击会有300毫秒延迟,使用fastclick解决(本期其他博客有使用方法)。

4. qq浏览,uc浏览以及iso的浏览器,滚动式不会触发scroll事件,但会触发touchmove。当停止滚动后会触发scroll。

5. 滚动有iscroll插件,但是还是使用原生的比较好。

6. meta标签功能要用好,禁止缩放,缩放比例,屏蔽电话号码等功能很实用。

7. 如果想要手机淘宝那样的在各个平台看起来展示效果一致,那么尽量使用rem方式进行布局。

8. -webkit-tap-highlight-color可以取消点击高亮。

9. localStorage在浏览器开启无痕模式下iso会抛异常,导致js中断。

10. 一些情况下对非可点击元素监听click事件,iso下不会触发,css增加cursor: pointer就搞定了。
【未完待续,持续更新】

你可能感兴趣的:(【工作中】Ios和Android兼容问题汇总)