Html5 网页在ios系统下一些不正常的问题

2017-04-25

1,ios 下 input  type=text 出现圆角 

   解决方法:添加样式:-webkit-appearance: none;border-radius: 0;


2,ios 下 样式overflow-y: scroll;产生的滚动条出现卡顿、不流畅,影响用户体验

   解决方法:添加样式:-webkit-overflow-scrolling: touch;


2017-05-24 更新...

1,关于给body绑定click事件在ios浏览器中无效的解决方案

      正常绑定:$("body").on("click",function(){});

      解决方法:$("body > *").on("click",function(){});


2017-05-25 更新...

1,关于 input  type=date 标签,样式 text-align:right; 无效。在ios下该属性仍然保持左对齐

      解决方法:添加样式 :direction:rtl;  text-align:right 依然保留


2017-06-14更新...

1,ios 下 $(document).on(); 绑定事件无效

      解决方法:给要绑定事件的元素添加样式:cursor:pointer;


2017-06-30更新...

1,ios下 js函数 new Date("2017-06-30")  返回NaN

     解决方法:改写成new Date("2017/06/30")


2018-1-23更新...

1,ios下audio标签不能正常播放音频

解决方法:必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效 
document.addEventListener("WeixinJSBridgeReady", function () { 
    document.getElementById('car_audio').play(); 
    document.getElementById('video').play(); 
}, false);


后期发现会继续更新本文章,敬请关注!!!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值