关于移动开发中的兼容性问题的文章已经同步到我的github笔记https://github.com/ymblog/blog，欢迎大家加星~~，加星后生活将更漂亮...1、ios下输入如果type=button属性disabled并设置为true，会出现styletext和background异常的问题。解决方法：使用opacity=1解决2.监听(label,span)等不可点击元素的点击事件，在部分ios版本中不会触发。解决方法：在css中添加cursor:pointer就可以了。3、移动端1px边框解决方案：比如按钮的box的class是btn.btn:before{content:'';位置：绝对；顶部：0；左：0；边框：1px实心#ccc；宽度：200%；高度：200%；框大小：边框框；-webkit-box-sizing：边框框；-webkit-转换：规模（0.5）；变换：缩放（0.5）；-webkit-transform-origin：左上；transform-origin:lefttop;}4、input是固定定位的，在ios下input固定在top或者bottom。页面滚动一段距离后，点击输入（弹出键盘），输入位置会出现在中间位置。解决方法：内容列表框也是固定定位的，这样就不会出现固定错位的问题。5、移动端字体小于12px且使用边框或背景色块，Android部分文字偏色。解决方法：可以使用整体放大后的屏幕dpr倍数（width、height、font-size等），然后使用transform进行缩放。使用canvas在移动端会模糊，也需要这个方案。6.手机端上传图片。低兼容性终端问题。解决方法：添加属性accept="image/*"来输入多个7.app内嵌h5时，如果ios出现垂直滚动条，手指滑动页面滚动后，滚动很快停止，好像踩刹车开车，有一种“难以滚动”的感觉。解决方法：self.webView.scrollView.decelerationRate=UIScrollViewDecelerationRateNormal;为webview设置一个较低的“减速率”8.300ms的移动点击延迟响应解决方案：使用Fastclickwindow.addEventListener("load",function(){FastClick.attach(document.body);},false);9.在Android上，占位符文本设置的行高会更高。解决方法：当input有占位符时，不要设置行高为10，overflow:scroll,orautotoslideoniOSStuck问题解决方法：添加-webkit-overflow-scrolling:touch;11.移动端图片压缩预览上传问题，可以参考我的一篇文章https://segmentfault.com/a/11...12，移动端适配可以使用lib-flexiblehttps://github.com/amfe/lib-f...，使用rem布局手机端px的小数点有问题，不同手机对小数点的处理不一样，有的是四舍五入，还有有些是直接丢弃的，所以在自动生成sprite图片的时候，需要在icon周围留2px的空间，防止icon被剪掉。13、iphoneX适配的解决方案padding-top:env(safe-area-inset-top);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}如果是小程序，底部固定的view需要设置padding-bottom:68rpx14,newDate(2020-05-05)兼容问题ios结果是NaN将替换所有-为/解决方案：.replace(/-/g,"/")完了……撒花~~文章已经同步到我的github笔记https://github.com/ymblog/blog，欢迎大家加星~~加星后，生活会更美好。。。以后有什么问题会陆续更新。如果有更多兼容性问题或者以上问题，可以在评论中留言
