学习移动端页面布局和常用事件，我们需要了解流式布局，熟悉移动端的三个视口，掌握布局视口的方法，touch，过渡和动画结束事件的使用方法。
对于流式布局怎么说呢，在pc端进行网页制作时，我们常常用的固定像素来进行网页布局，大家可以想一想我们常常离不开的手机，他的屏幕尺寸不可能和电脑一样大吧，所以呢，为了适应小屏幕的设备，在移动设备和跨平台响应式网页开发的过程中，多数使用流式布局。
流式布局是一种比例缩放式布局，我们在pc端网页开发，我们用的固定比例，也可以用百分比，这里流式布局用的就是百分比设置宽度，这样的布局也叫百分比自应式布局。
我们百分比不像是随便设置的。应该是目标元素的宽度/父盒子宽度=百分数宽度了解完布局我们应该懂得什么是视口？手机屏幕多种多样，我们做的网页要适应不同的手机分辨率，屏幕宽高比都有可能不同，我记着在制作小程序的时候，微信web开发者工具里面有这样的分辨种类。