移動端開發的兼容問題（自我總結篇）

一、ios下input設置type=button屬性disabled設置true,會出現樣式文字和背景異常問題，使用opacity=1來解決

二、一些狀況下對非可點擊元素如(label,span)監聽click事件，ios下不會觸發，css增長cursor:pointer就搞定了

三、1px邊框問題使用
xx:before{
content:'';
position: absolute;
top: 0;
left: 0;
border: 1px solid #ccc;
width: 200%;
height: 200%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: left top;
transform-origin: left top;
}

四、input爲fixed定位在ios下的bug問題，點擊焦點input，input跳到中間位置，可使用內容滾動框也是fixed來設置

五、移動端字體小於12px使用四周邊框或者背景色塊，安卓文字偏上bug問題，可使用總體放大1倍再縮放，並且字體不要是奇數

六、在移動端圖片上傳圖片 使用accept="image/*" multiple,兼容低端機的問題

七、在h5嵌入app中，ios若是出現垂直滾動條時，手指滑動頁面滾動以後，滾動很快停下來，好像踩着剎車在開車，有「滾動很吃力」的感受self.webView.scrollView.decelerationRate = UIScrollViewDecelerationRateNormal;對webview設置了更低的「減速率」

八、click 300ms 延時響應 使用 Fastclick
window.addEventListener( "load", function() {
FastClick.attach( document.body );
}, false );

九、input 有placeholder狀況下不要設置行高，不然會偏上

十、移動端適配可使用lib-flexible github.com/amfe/lib-f.…

以後有問題會陸續更新上去，你們有更多的兼容問題或者以上有問題能夠在評論中留言。