移动开发的坑
IOS篇
在IOS端存在很多问题
- 样式 IOS端自带样式 与安卓有很多不同 为了各个终端样式统一 可以使用 -webkie-appearence:none 来清除样式 并进行统一的编写
- -webkit-appearence:none 带来的问题 -webkit-appearance会将webkit浏览器中的元素默认样式去除。checkbox在这个属性下就直接隐藏掉了。然后用JS获取checkbox值时Webkit浏览器会报很奇怪的错误。给这个元素重新赋上-webkit-appearance:checkbox就不会报错了。
- 事件委托 在IOS端 事件不可委托与document 委托至document 则事件不会触发 需将事件委托在父元素之上
- 输入框放大 IOS端输入框点击会放大 且无法自动恢复 利用meta标签来解决这个问题 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
