对一个前端开发者来说，最煎熬的莫过于"兼容"两个字了

chenbigshuai

说到这个词朋友们是不是身体一抖），哪怕对于工作多年的老油条来讲，也不是完全了解各种场景下的兼容性处理方法。在这里我就把我在工作当中遇到的关于iphone手机h5页面的兼容性处理和大家分享一下。

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; } // 阻止图片在微信里被点击放大