一、ios下input設(shè)置type=button屬性disabled設(shè)置true,會出現(xiàn)樣式文字和背景異常問題,使用opacity=1來解決css
二、一些狀況下對非可點擊元素如(label,span)監(jiān)聽click事件,ios下不會觸發(fā),css增長cursor:pointer就搞定了ios
三、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;
}git
四、input為fixed定位在ios下的bug問題,點擊焦點input,input跳到中間位置,可使用內(nèi)容滾動框也是fixed來設(shè)置github
五、移動端字體小于12px使用四周邊框或者背景色塊,安卓文字偏上bug問題,可使用總體放大1倍再縮放,并且字體不要是奇數(shù)web
六、在移動端圖片上傳圖片 使用accept="image/*" multiple,兼容低端機的問題app
七、在h5嵌入app中,ios若是出現(xiàn)垂直滾動條時,手指滑動頁面滾動以后,滾動很快停下來,好像踩著剎車在開車,有“滾動很吃力”的感受self.webView.scrollView.decelerationRate = UIScrollViewDecelerationRateNormal;對webview設(shè)置了更低的“減速率”字體
八、click 300ms 延時響應(yīng) 使用 Fastclick
window.addEventListener( "load", function() {
FastClick.attach( document.body );
}, false );flex
九、input 有placeholder狀況下不要設(shè)置行高,不然會偏上spa
十、移動端適配可使用amfe-flexible,postcss-px2rem