移動端的頁面處理

一、移動端的內容元素使用設計稿的一半處理

二、背景用百分比處理，比較一下用img和div的背景圖片展示背景的區別：

若是是img的話，都用百分比，那麼寬和高度都會等比例縮放 可是div加上背景圖片和設置background-size：100% 100%的話，div是須要設置高度的

三、若是要整屏的填滿父容器，須要設置：

html,body{ width: 100%; height: 100%; overflow: hidden; padding: 0; margin: 0; }

若是是整屏幕的滑動的話，一般須要填滿父容器

四、使用zepto裏面的swipedown和swipeup無效，一般是須要添加：

$('body').on('touchmove', function (event) { event.preventDefault(); });

由於移動端的瀏覽器默認有一個滑屏的效果，若是不添加的話，就會失效