前端兼容苹果手机ios问题锦集

一、js兼容问题

时间格式兼容

new Date("2020-02-02 08:00") 变为 new Date("2020/02/02 08:00")

二、css样式兼容问题

html,body{ -webkit-text-size-adjust: none; } // 当需要在中文版chrome浏览器中显示小于12px的字体时，而且此时页面放大效果会被阻止

html,body{ -webkit-tap-highlight-color: rgba(0,0,0,0); } // 去掉苹果手机点击瞬间出现的灰色背景

input{ -webkit-appearance: none; } // 去除苹果手机默认的input样式）

selector{ cursor: pointer } // 给IOS系统里cursor不为pointer的元素添加事件时会不同程度受影响，加上cursor: pointer可解决

img{ pointer-events: none; } // 阻止图片在微信里被点击放大