前段時間負責了公司的wap站前端工作，目前wap站的基礎及較為復雜的幾張頁面都已經出來，現根據自己的一些經驗，貼出部分心得，希望對現在或者以后可能會接觸到Wap站的一些人有些幫助
一、本次WAP網站的設計尺寸640*，個人感覺采用640px寬度是較好的選擇，主要有以下幾點原因：
1、現在主流手機的物理尺寸都在320-640之間，這樣通過設置viewport屬性，可以實現在多數屏幕上適應，其中設置方法
<meta content="width=device-width, initial-scale=XXXX, maximum-scale=1, user-scalable=no" name="viewport" />（iphone）
<meta content="width=device-width, target-densitydpi=XXXX, user-scalable=no" name="viewport" />（android）
2、采用該尺寸，在ipad設備上設置initial-scale=1，也可以正常瀏覽，最近看了m.taobao.com，他采用的尺寸是320的，在ipad上顯示的就過小
其中對640尺寸的布局，建議采用20-600-20，即左右padding： 20px，主體內容為600px
二、對wap站的js庫函數，我以為在不是對swipe、tab等滑動事件有強烈需求的話，不要引入js庫函數，原生的js+html5+css3基本上可以實現多數的流暢效果，現在網上推薦的框架有zepto.js、jquery-mobile、sencha touch等，其中我對比了zepto.js和jquery-mobile，感覺mobile太大，zepto要是引入event.js和touch.js也不小，而且zepto-core + event + touch實用性也不高；css3中的transition、transform、animation等新的屬性，對動態效果的實現基本已沒有什么問題，所以建議最好不要引庫函數。