移动端的页面处理

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

2、背景用百分比处理，比较一下用img和div的背景图片展现背景的区别：

如果是img的话，都用百分比，那么宽和高度都会等比例缩放
但是div加上背景图片和设置background-size：100% 100%的话，div是需要设置高度的

3、如果要整屏的填满父容器，需要设置：

html,body{

width: 100%;
height: 100%;
overflow: hidden;
padding: 0;
margin: 0; }

如果是整屏幕的滑动的话，通常需要填满父容器

4、使用zepto里面的swipedown和swipeup无效，通常是需要添加：

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

    event.preventDefault();
});

因为移动端的浏览器默认有一个滑屏的效果，如果不添加的话，就会失效