移动端页面布局 常用事件

移动端页面布局
流式布局(百分比布局自适应布局)
　　视口
　　　　可见视口 　　设备屏幕宽度
　　　　布局视口 　　网页宽度
　　　　理想视口 　　通过meta标签 理想视口是浏览器的事情
　　<meta name='viewport' content='user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0 '> </meta>
　　视口相关属性
　　　　width　　px　　定义视口的宽度
　　　　height　　px 　 定义视口的高度
　　　　initial-scale 　　　　[0.0-10.0] 　　定义初始缩放值
　　　　minimum-scale 　　[0.0-10.0] 　　 定义最小缩小比例
　　　　maximum-scale 　　[0.0-10.0] 　　定义最大缩小比例
　　　　user-scalable 　　　yes/no 　　     定义是否允许用户手动缩放页面默认值 yesf

移动端常用事件

　　　　4种最基本的触摸事件

　　　　touchstart 　　  手指触摸屏幕时触发 　　 　　 touchend 　　   手指离开屏幕时触发
　　　　touchmove 　　手指在屏幕上滑动时触发 　　 touchcancel 　　系统取消Touch事件时触发

　　　　dom.addEventListener　　('事件名称',function(e){},'冒泡,捕获');