移动开发的坑
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"> 来源: https://www.cnblogs