移动端页面布局
流式布局(百分比布局自适应布局)
视口
可见视口 设备屏幕宽度
布局视口 网页宽度
理想视口 通过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){},‘冒泡,捕获‘);