遇到过哪些兼容性问题

css兼容性

1.max-content在安卓2.5.1 iOS 5以下的版本无效
max-content具体用法详见 css3 width新增属性max/min-content和fit-content、fill-availablea

	width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;

解决方法：
js计算宽度进行赋值

2.ios上表单元素 input 和textarea 默认有内阴影
解决方法

input, textarea {
    -webkit-apprance: none;
}

3.ios 设置input 按钮样式会被默认样式覆盖
解决方法

input,textarea {
  border: 0;
  -webkit-appearance: none;
}

4.部分手机可以点击页面的图片，图片会放大

解决方法

img {
  pointer-events: none;
}

pointer-events详见css学习—pointer-events（用来阻止元素成为鼠标事件目标）

5.input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上当点击输入的时候，光标的高度和父盒子的高度一样。

解决方法

input{
	line-height: normal;
}

6.某些Android手机圆角失效
解决方法

background-clip: padding-box; 

click在iOS上有300ms延迟 原因及如何解决
1)、粗暴型，禁止缩放

<meta name="viewport" content="width=device-width,user-scalable=no">

2)、利用FastClick，其原理是：
检测到touched事件后，立刻发出模拟click事件，并且把浏览器300ms之后真正发出的事件给阻断掉。