移动端的兼容问题

1. ios下input为type=button属性disabled设置true,会出现样式文字和背景异常问题。

• 解决方案:使用opacity=1来解决

2. 对非可点击元素如(label,span)监听click事件，部分ios版本下不会触发。

• 解决方案:css增加cursor:pointer就搞定了

3. 移动端1px边框

• 解决方案：比如按钮的box的class为btn

4. input为fixed定位，在ios下input固定定位在顶部或者底部，在页面滚动一些距离后，点击input(弹出键盘)，input位置会出现在中间位置。

• 解决方案:内容列表框也是fixed定位,这样不会出现fixed错位的问题

5. 移动端字体小于12px使用四周边框或者背景色块，部分安卓文字偏上bug问题。

• 解决方案:可以使用整体放大1倍(width、height、font-size等等)再使用transform缩放,使用canvas在移动端会模糊也需要这样的解决方案

6. 在移动端图片上传图片兼容低端机的问题。

• 解决方案:input 加入属性 accept="image/*" multiple

7. 移动端click 300ms 延时响应

• 解决方案:使用 Fastclick

window.addEventListener( "load", function() {
  FastClick.attach( document.body );
}, false );