ios 7/8/9 兼容问题集锦

ios 7/8/9 不兼容 ES6 语法！CSS3 语法必须加 -webkit- 兼容前缀！

ios 7/8/9 不兼容 ES6 语法！CSS3 语法必须加 -webkit- 兼容前缀！

ios 7/8/9 不兼容 ES6 语法！CSS3 语法必须加 -webkit- 兼容前缀！

问题1：for in

对于 ios 9 来说，JS 的 for in 循环。不要使用！！

for in 循环在 ios 9 的使用中，会出现双重循环！

问题2：时间格式

对时间格式，请使用 ‘/’ 格式

参考这篇文章：javascript 的时间格式转换兼容IOS问题

问题3：iframe 框架

对于 iframe 框，如果需要顾及 ios 用户，不要使用！！

如果非要使用，则需要在 iframe 外添加一个 div 包裹着，同时给 iframe 标签添加宽高 100% 的属性。

问题4：ES6 语法兼容性

对于 ES6/7/8/9/... 语法皆不兼容，一个都不能有，有了就出错。

如果使用怎么办？

用 webpack 搭建的项目可以引入 babel ，常规写 js 可以通过 babel 网站转成 ES5 格式。传送门==>

问题5：点击出现灰色阴影

添加以下 css 代码