一. CSS部分
meta標簽
<meta name="vIEwport" content="width=device-width,initial-scale=1,user-scalable=no"/>移動端加上這 個標簽才是真正的自適應，不加的話，假如你把一個980px寬度(手機端常規是980)的PC網頁放在手機上顯示，倒也能正常顯示不出現滾動條，不過是移 動設備對頁面 做了縮小優化，所以字體等都相應縮小了（980px是相對於手機像素的，我的是超過1000px多一些就出現滾動條了，這個沒具體研究）。
關於 initial-scale=1 ，這個參照iphone5的尺寸320*568，如果你頁面按照640*1136做的話，scale就設為0.5
<meta content="email=no" name="format-detection"> 忽略識別email
去除webkit的滾動條
element::-webkit-scrollbar{
display: none;
}
去除button在iOS上的默認樣式
-webkit-appearance: none;
border-radius: 0
不想讓按鈕touch時有藍色的邊框 -webkit-tap-highlight-color:rgba(0,0,0,0);
如果要用到fixed譬如導航等，可以用absolute達到一樣的效果，把body設為100%；將元素absolute到body上即可，不過這樣不能讓body滾動，如果需要有滾動的地方，就放在div中滾動
在移動端做動畫效果的話，如果通過改變絕對定位的top，或者margin的話做出來的效果很差，很不流暢，而使用CSS3的transition或者animation的效果將會非常棒（這一方面iOS比android又要好不少）。
如果用translate3d來實現動畫，會開啟GPU加速，硬件配置差的安卓用起來會耗性能，需慎用（借用1樓評論的）
使用圖片時，會發現圖片下總是有大概4px的空白，（原因據說圖片是inline，觸發baseline什麼的。。。）常用解決方法有
img{display:block}；
img{vertical-align:top}也可取其他幾個值，視情況而定
其他解決辦法 見此
學會使用display:-webkit-box的布局，能很好地幫我們做到頁面自適應，譬如 導航欄 這些個人覺得特別適合，具體使用方法此處不敘述
使用 a 標簽的話，盡量讓 a 標簽 block ，盡量讓用戶可點擊區域最大化
兩個頁面使用了transform之後，頁面下的z-index有時就會失效，我遇到過，但沒去認真探究，只是把z-index提高就好了，如果遇到這個問題的，詳細可以 看這
在iOS中，當你點擊比如 input 准備輸入時，虛擬鍵盤彈出，整個視窗的 高度 就會變為 減去鍵盤 的高度，加入你在底部有fixed的元素比如btn，這個元素就會跑上來，一般都不會太美觀。我是當focus時就把它設為absolute，視情況而定
禁止用戶選中文字 -webkit-user-select:none
當你把input設為 width:100%時，有時可能會遇到input的寬度超出了屏幕，這時可對input加一個屬性 box-sizing:border-box
關於box-sizing:border-box，此屬性是把邊框的高寬包含在盒子的高寬中，假如你設置兩個元素float且各占50%，又都有border時，用這個屬性就可以完美地讓它們能顯示在同一行
要table的td用col設置了寬度後超出部分隱藏的話給table加屬性table-layout:fixed（固定寬度布局）
如果想改變 placeholder 裡的樣式，需要用CSS偽類。 如 ::-webkit-input-placeholder{color:#ccc}
二. JS部分
如果使用jquery綁定touch事件的話，獲取touchstart，touchmove的觸點坐標用 e.originalEvent.targetTouches[0].pageX，獲取touchend則用 e.originalEvent.changedTouches[0].pageX
利用style獲取獲取transform的rotate值
parseInt(/rotateX\((.*?)\)/.exec(getALL.style.webkitTransform)[1])
如果頁面一開始沒有style值，rotate是寫在CSS裡的，需要用到getComputedStyle，具體請看這裡。
有些版本的iphone4中， audio和video默認播放事件不會觸發，比如使用window.onload或計時器等都不能觸發播放，必須用JS寫事件讓用戶手動點擊觸發才會開始播放
想要在touchmove:function(e,參數一)加一個參數，結果直接使用e.preventDefault()就會 e 報錯，處理方法為
touchmove:function(e,參數一){
var e=arguments[0]
e.preventDefault()
}
三. 微信部分
判斷是否來自微信浏覽器
function isFromWeiXin() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
return true;
}
return false;
}
判斷手機的類型
var user="";
if (/android/i.test(navigator.userAgent)){
// android
user="1";
}
if (/ipadiphoneMac/i.test(navigator.userAgent)){
// iOS
user="0";
}
微信浏覽器裡均不能打開下載的鏈接，需在浏覽器打開
如果在網頁裡嵌套一個iframe，src為其他的網址等，當在微信浏覽器打開時，如果irame裡的頁面過大，則iframe的src不能加載（具體多大不知道，只是遇到過）