首页 > 移动平台 > 详细

移动端页面布局 常用事件

时间:2019-08-22 00:21:51      阅读:107      评论:0      收藏:0      [点我收藏+]

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

移动端页面布局 常用事件

原文:https://www.cnblogs.com/jeff-zhu/p/11391710.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!