相容性問題：
三星i9100 （android 4.0.4）不支援display:-webkit-flex這種寫法的彈性布局，但支援display:-webkit-box這種寫法的布局,相關的屬性也要相應修改，如-webkit-box-pack: center;移動端採用彈性布局時，建議直接寫display:-webkit-box系列的布局
touchmove事件在android部分機型(如lg nexus 5 android4.4，小公尺2 android 4.1.1)上只會觸發一次解決方案是在觸發函式裡面加e.preventdefault(); 記得將e也傳進去。
效能優化：
1、盡可能多的利用硬體能力，如使用3d變形來開啟gpu加速；
2、盡可能少的使用box-shadows與gradients；
3、盡可能的讓動畫元素不在文件流中，以減少重排（採用position：absolute,fixed）；
4、優化 dom layout 效能；
移動端開發的相容性問題
1 ios下input設定type button屬性disabled設定true,會出現樣式文字和背景異常問題，使用opacity 1來解決 2 一些情況下對非可點選元素如 label,span 監聽click事件，ios下不會觸發，css增加cursor pointer就搞定了 3 1px邊框問題...
移動端相容性問題
1 定位問題 ios 2 寫背景圖時最好加上top left 或者0 0 不然寫運動效果時容易出現跳 3 防止手機中網頁放大和縮小 4 設定web應用是否以全屏模式執行 content的預設值是no 5 自動識別 號碼 telephone no可以禁用這功能,預設值是no 6 禁止複製 選中文字 e...
移動端相容性問題
產生原因 pc端的點選事件在移動端也有效果，但是在移動端使用點選事件會有300毫秒的延遲，如果有兩個元素是重疊的，點選之後上面那個元素消失了就會出現點透事件，如果下面元素有點選事件，就會被觸發，因為執行過程 手指按下之後，會先執行touch事件，然後記錄點選的座標，300ms之後，在該座標上查詢元素...