1.移動端檔名不要用game等，以防被合作伺服器劫持插入廣告，從而影響專案執行
2.紅公尺手機，ua返回iphone，需要結合platform判斷，但是還不準確，導致需要ios和android區別對待的時候就坑了。
3.是fixed的問題。這個解決辦法是盡量不要用，不過ios7及以下才會出現這個問題。某些情況下紅公尺也會有這個問題。
4.如果你想要使用css3的動畫，那麼一定要變著方式使用3d gpu加速的方式，不要試著left，height，width這樣的元素進行變換了，
android4.4以下版本卡死你。
5.ios全線點選會有300毫秒延遲，使用fastclick解決。這個外掛程式最良心了。
28870528；
比如要實現乙個元素的下邊框1px效果：demo：jsbin.com/tijiro/1/
.item
.item:after
7.qq瀏覽（x5），uc瀏覽以及ios的瀏覽器，滾動時不會觸發scroll事件，但會觸發touchmove。當停止滾動後會出發scroll。
8.meta功能要用好，禁止縮放，縮放比例，遮蔽**號碼等功能很實用。
9.如果想要像手機**那樣的各個平台看起來展示效果一致，那麼就使用rem來做單位：但是要注意初始font-size的基準值調整，用f
ont-size：62.5%有時會出問題
10.-webkit-tap-highlight-color可以取消點選高亮。
11.localstorage在瀏覽器開啟無痕模式下ios會拋異常，導致js中斷。
12.一些情況下對非可點選元素監聽click事件，ios下不會觸發，css增加cursor:pointer就搞定了。當然想要乾脆靜止點選就是not-allo
wed。
13.android4.4以下版本，設定圓角屬性需要在直接元素上，向父元素設定圓角並且指定overflow:hidden是不會生效的。
15.點選穿透 click
16.ios（safari）有時候某個標籤繫結點選事件無效，加了空的onclick=""就好了，如：
放，需要用js做一些處理
18.android呼叫重力感測器返回的資料和ios和windows phone上的是相反的
現為各種img和background-image互相錯亂，困擾了我們好久，簡直是大坑，目前研究出暫時的解決方法是動態給所有用到的
元素加上
-webkit-transform : translate3d(0,0,0)
進行強制重繪，測試結果對於絕大部分出現問題的機子有效，但仍然有小部分機器還是會出問題，另一種方法是進行懶載入，但是
這會降低開發效率，並且對使用background-image的元素比較難實現
20.safari（包括os x、ios和windows版）對transform-origin的z軸判定和其它所有瀏覽器都不同，設定transform-origin的z軸會直
接產生translatez的變換，十分不理解，暫無純css解法
22.大小最好是標註的2倍，這樣可以保證在各類機型上的清晰
base64嵌入html或css中。移動端要盡可能減少請求。不過太大的就不要base64了，效能會下降。一般以10k為界。
24.rem方案相當複雜，存在非常多的相容問題，以至於阿里這邊還專門有乙個flexible庫來解決這一系列問題。但是相容性問題解決
後開發會變得非常暢快。
25.border-radius不要隨便亂用，在很多安卓機型上都會出現鋸齒，非常醜
26.比較多的頁面務必要做懶載入（也就是滾動到的時候才載入）
27.相對於底部絕對定位的按鈕被鍵盤頂起來，用js定高
this.clientheight = document.documentelement.clientheight;
$('body').height(this.clientheight);
28.做點選跳轉，長按刪除功能的時候坑比較多：
（1）組合使用touchstart,touchmove,touchend,click事件；
（2）部分機型按到文字會彈出選擇，複製的選項，使用 onselectstart="return false;" 禁掉；
-- 之後才知道有很多移動端事件處理庫可以用,如 hammer.js - hammer.js
29.ios下和安卓對json物件的遍歷順序相反，如
var obj = ,
str = '',
temp = '',
i = 0;
for(var item in obj)
console.log(str);
安卓下輸出
x=1&y=2
ios下
y=2&x=1
ml 5 表單元素驗證方法，提交前先驗證 html **中的 required、pattern 屬性，否則阻止提交事件
31.android點選按鈕什麼的時候,總是出現乙個焦點的游標在頁面上,新增css後就解決了
body
移動端相容問題
2.動態獲取中間的內容高度 不同手機螢幕顯示的高度也是不一樣，滾動只滾動中間那一部分 我曾使用過css中的cale 來計算出內容中間的高度，但是最後還是發現了問題，因為移動端布局是用rem來進行適配，而cale來計算是百分比，雖然rem可以轉換成百分比，但是還是不是特別的妥當。最後我使用的是動態獲取...
移動端部分相容問題
1 h5頁面視窗自動調整到裝置寬度，並禁止使用者縮放頁面 viewport content width device width,initial scale 1.0,minimum scale 1.0,maximum scale 1.0,user scalable no 部分安卓手機的uc瀏覽器寫完...
移動端fixed相容問題
最近做移動端頁面，有個需求類似下圖 底部導航用fixed定位時在部分ios版本中會有問題 1.上滑是底部會跟著滑動，手指鬆開時才會又回到底部 2.軟鍵盤喚起的情況下，也會出現許多莫名其妙的問題 網上搜了下，ios確實對fixed相容不是很好 1 doctype html 2 html 3 head ...