安卓与IOS浏览器常见bug

一、IOS自带safari浏览器

1、safari不支持fixed+input输入框。

解决方案:
http://www.haorooms.com/post/ios_fixed_input

2、safari图片加载失败,默认图片过大。

解决方案:
http://www.haorooms.com/post/img_faile_jiangrong

3、ios默认safari浏览器对齐问题解决

二、安卓UC浏览器

1、安卓UC为代表的浏览器不支持部分css3属性,例如calc等 width:90%;width:calc(sdadas);

2、滚动事件不会触发touchmove事件

三、手机浏览器通用问题

1、弹出层touchmove滚动,会触发body滚动(出现前提是body中有滚动轴)

http://www.haorooms.com/post/webapp_bodyslidebcdiv

2、假如你整个网页用rem字体,部分安卓浏览器出现字体过大的情况。

3、部分安卓浏览器对margin要求比较苛刻。

分享到