1、ios下input設定type=button屬性disabled設定true,會出現樣式文字和背景異常問題，使用opacity=1來解決
2、一些情況下對非可點選元素如(label,span)監聽click事件，ios下不會觸發，css增加cursor:pointer就搞定了
3、1px邊框問題使用
xx:before
4、input為fixed定位在ios下的bug問題:input固定定位在頂部或者底部，在頁面滾動一些距離後，點選input(彈出鍵盤)，input位置會出現在中間位置。可以使用內容列表框也是fixed定位,這樣不會出現fixed錯位的問題
5、移動端字型小於12px使用四周邊框或者背景色塊，安卓文字偏上bug問題，可以使用整體放大1倍(width、height、font-size等等)再使用transiform縮放，而且字型盡量不要是奇數,使用canvas在移動端也會模糊也需要這樣設定
6、在移動端上傳 使用accept="image/*" multiple,相容低端機的問題
8、click 300ms 延時響應 使用 fastclick
window.addeventlistener( "load", function() , false );
9、input 有placeholder情況下不要設定行高，否則會placeholder文字會偏上
10、移動端壓縮預覽上傳的問題，可以參考我的一篇文章
11、移動端適配可以使用lib-flexible 使用rem來布局移動端有乙個問題就是px的小數點的問題，不同的手機對於小數點處理方式不一樣，有些是四捨五入，有些直接舍去掉，因此在自動生成雪碧圖時候圖示四周適當留2px的空間，防止圖示被裁剪掉
移動端相容性問題
1 定位問題 ios 2 寫背景圖時最好加上top left 或者0 0 不然寫運動效果時容易出現跳 3 防止手機中網頁放大和縮小 4 設定web應用是否以全屏模式執行 content的預設值是no 5 自動識別 號碼 telephone no可以禁用這功能,預設值是no 6 禁止複製 選中文字 e...
移動端相容性問題
產生原因 pc端的點選事件在移動端也有效果，但是在移動端使用點選事件會有300毫秒的延遲，如果有兩個元素是重疊的，點選之後上面那個元素消失了就會出現點透事件，如果下面元素有點選事件，就會被觸發，因為執行過程 手指按下之後，會先執行touch事件，然後記錄點選的座標，300ms之後，在該座標上查詢元素...
常見移動端相容性問題
文章 1.ios移動端click事件300ms的延遲相應 移動裝置上的web網頁是有300ms延遲的，往往會造成按鈕點選延遲甚至是點選失效。這是由於區分單機事件和雙擊螢幕縮放的歷史原因造成的。解決方式 fastclick可以解決在手機上點選事件的300ms延遲 zepto的touch模組，tap事件...