遇到过哪些兼容性问题

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手机圆角失效

解决方法