display:inline-block 中包含浮动元素 float 导致点击事件失效华为手机 Ipone ES6不兼容 ES6语法导致 Babel 编译器编译转成ES5Ipnone手机 兼容问题、CSS:ipone 移动端不兼容 margin 属性 无效顶部标题在iPhone4/4S下宽度不能100%；iPhone4/4S下在input弹出输入法时，不支持position:fixed 的问题（即 本来固定在顶部的菜单下移）；主要是不兼容固定定位 目前看到最多的解决方案是 给内容加绝对定位
//头部.myheader {position:fixed; top:0;width: 100%'}//内容 .main {position:absolute;overflow:scroll;height: 600px;/*使之可以滚动*//*增加弹性滚动,解决滚动不流畅的问题*/-webkit-overflow-scrolling:touch;}//高度应该是真机获取的高度.main .content{height:640px;}
input中的placeholder 文字提示在IOS部分机型中不显示 处理: 添加padding 或 margin 1px JS:js的 new Date() 在ipone中的格式是 "/8/8" 而不是 "-8-8"处理: 将 / 转成 - date.replace(/\//g, "-");window.open无法正常使用 用window.location.replace()来替代，测试有效兼容苹果手机的前端设置 苹果手机的内置浏览器就是opera(1).苹果手机上input的button按钮颜色显示问题css中加上
input[type=button], input[type=submit], input[type=file],input[type=checkbox],input[type=radio], button {cursor: pointer; -webkit-appearance: none; }
这行-webkit-appearance: none; 意思是 样式可以自定义(2).另外行高问题：(加上-webkit-前缀)line-height:30px; -webkit-line-height:1;(3).圆角问题（加上-webkit-前缀）-webkit-border-radius:3px;border-radius:3px;(4).网页安全色（都用rgb格式）background-color:rgb(255,255,255); background:rgb(255,102,102); color:rgb(255,255,255);Mozilla内核 （Firefox） css前缀-moz;WebKit内核（Safari、Chrome） css前缀-webkit ; Opera 内核 （Opera浏览器）css前缀 -o ;Trident内核（讨厌的IE浏览器）css前缀 -ms ;
如果觉得《苹果Iphone IOS移动端开发兼容问题》对你有帮助，请点赞、收藏，并留下你的观点哦！
