移动端的页面处理

一、移动端的内容元素使用设计稿的一半处理

二、背景用百分比处理，比较一下用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(); });

由于移动端的浏览器默认有一个滑屏的效果，若是不添加的话，就会失效