
移动端
文章平均质量分 61
卡卡拉卡
一个可爱的程序媛孵化ing
展开
-
移动web之四种常用布局
一.流式布局 流式布局,就是百分比布局,也称非固定像素布局。 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充。 div { width : 100% } 二.flex布局 -与传统布局对比 - 操作方便,布局极为简单,移动端应用很广泛 - PC 端浏览器支持情况较差 - IE 11或更低版本,不支持或仅部分支持 建议:PC端使用传统布局;如果是移动端或者不考虑兼容性问题的PC端使用flex弹性布局 1.搭建一个HTML结构 <div> <原创 2021-09-17 16:53:21 · 941 阅读 · 0 评论 -
移动端click延迟解决方案
移动端click延迟解决方案 一.禁止屏幕缩放 <meta name="viewport" content="user-scalable=no"> 二.封装一个函数 function tap(obj, callback) { var isMove = false; var startTime = 0;//记录触摸时间变量 obj.addEventListener('touchstart', function (e) { startTime = Date.n原创 2021-09-21 15:23:13 · 184 阅读 · 0 评论