zoukankan      html  css  js  c++  java
  • 移动端页面布局 常用事件

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

  • 相关阅读:
    《梦断代码》读书笔记(二)
    周总结(十三)
    周总结(十)
    知识圈APP开发记录(十六)
    《梦断代码》读书笔记(一)
    知识圈APP开发记录(十五)
    朴素贝叶斯
    单源最短路径 djkstra
    有向图 拓扑排序 文件依赖下的编译顺序该如何确定?
    《人类简史》读后感
  • 原文地址:https://www.cnblogs.com/jeff-zhu/p/11391710.html
Copyright © 2011-2022 走看看