移动端的页面处理

2019独角兽企业重金招聘Python工程师标准>>>

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(); });

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

转载于:https://my.oschina.net/u/933915/blog/374329