web app移动端开发_案例、touch事件

柔情只为你懂 2021-12-22 22:19 433阅读 0赞

步骤:

  1、建好项目目录(html、css、js分离)

  2、设置视口,不允许缩放

  3、设置公共样式(样式重置 + 添加新的样式)

  4、为大部分标签设置盒模型(避免之后设置宽度再设置border啥的再去额外计算)

  5、添加新样式(清除浮动啥的)

  6、布局整个页面(从大到小,从上往下,注意:浮动的元素,一行都要浮动,浮动后要清除浮动,同时浮动的元素最后要用一个块级非浮动元素包起来)

  

移动端的触屏事件

  在手机端建议用事件监听的方式来添加事件

  1151059-20190609162021044-558062657.png

  1151059-20190609153723459-1225556533.png

  1151059-20190609155315528-269373698.png

  1151059-20190609160143175-726940358.png

  

  1151059-20190609160047871-1455795212.png

  1151059-20190609204126504-888934456.png

   1151059-20190609160804442-1747284191.png

   1151059-20190609161323885-1792767956.png

    1151059-20190609161658673-812733477.png

转载于:https://www.cnblogs.com/yangyutian/p/10993898.html

发表评论

表情:
评论列表 (有 0 条评论,433人围观)

还没有评论,来说两句吧...

相关阅读