移动端浏览器问题汇总

     1. 【IOS】不支持通过$("xxx").click() 触发某个[隐藏]元素的点击事件,Android可以。IOS解决方案: 将元素的位置设置成fixed:  left:-1000px 让他在屏幕上无法看见。或者设置height:和width是0.但是比如input file标签设置height 0 是无效的。

     2. 【Firefox】a标签包装了input标签,如果input标签设置成了disabled, a标签的href不生效,包括a标签的点击事件也不生效

     3. 【华为】 华为手机不支持a标签:tel:xxxxx 拨打电话号码

     4. 【IOS】IOS不支持body overflow:hidden属性,只能通过position:fixed属性和overflow:hidden公用来实现。Android正常。

     5. 【Android】微信里面移动端站点进行QQ分享的话。如果分享的非当天页面,而是通过wx.config 自定义的链接,会导致第二次QQ分享失效.

     6. 【滚动】页面滚动如果是基于div的滚动,浏览器不发自动隐藏浏览器自带的底部导航栏

     7. 【滚动】IOS里面的div滚动会比较卡顿,可以通过设置样式  -webkit-overflow-scrolling: touch 来开启加速。

posted @ 2017-08-23 14:49  FrankZC  阅读(126)  评论(0编辑  收藏
博客园App你值得拥有【点击访问Github源码和下载地址】