移动端页面布局 常用事件

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

移动端页面布局 常用事件

上一篇:Vulnhub实战-JIS-CTF_VulnUpload靶机


下一篇:判断不同IOS设备