移动端浏览器兼容问题

目前，移动端的浏览器兼容问题也不少，在这里做下记录，便于以后查找问题。

1、click 300ms 延时响应

解决方案： 使用fastclick

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

2、flex的问题

父元素设置display：flex后，一个子元素使用flex-basis设置固定宽度，另一个设置flex：1占满剩余空间时失效

解决办法：在设置flex：1的子元素里加上一个min-width：0解决

3、1px的像素线

父元素的font-size设置为0，子元素再做设置需要的大小

4、IOS移动端页面input输入框不回弹

document.body.addEventListener('blur',function(){
    window.scrollTo(0,0)
},true)

失去焦点后，重置页面位置到顶部