随笔分类 -  javascript移动端

摘要:移动端用touch还是click? 在移动端开发中,click事件有300ms的延时,由来源于iphone处理双击缩放功能种下的坑。因为用手指在屏幕上快速点击两次,iOS 自带的 Safari 浏览器会将网页缩放至原始比例。为了区分用户的操作是双击还是单击,就增加了300ms的延时等待!随着touc 阅读全文
posted @ 2017-10-06 20:53 Lorin-Yang 阅读(323) 评论(0) 推荐(0)
摘要:移动端适配 通过rem适配 em: 根据元素自身的字体大小来计算自己的尺寸 rem: (root em) 根据根节点(html)的字体大小来计算自己的尺寸   我们知道,在不同的手机设备,分辨率大小是不一样的。为了使页面在不同分辨率下等比缩放,需要动态的设置Html的字体大小来达 阅读全文
posted @ 2017-10-03 19:38 Lorin-Yang 阅读(670) 评论(0) 推荐(0)
摘要:移动端事件 三个事件 touchstart 手指触摸 相当于PC端 mousedown touchend 手指抬起 相当于PC端 mouseup touchmove 手指滑动 相当于PC端 mousmove 注意: touch事件在chrome的模拟器下,部分版本通过on的方式来添加事件无效,这时候 阅读全文
posted @ 2017-09-24 22:02 Lorin-Yang 阅读(480) 评论(0) 推荐(0)
摘要:Flex布局 Flex即Flexible Box,写法为:display:flex(旧版:display: webkit box) 在Webkit内核下,需要加 webkit前缀: .box{ display: webkit flex; //safari display: flex; } 注意: 1 阅读全文
posted @ 2017-09-23 22:38 Lorin-Yang 阅读(280) 评论(0) 推荐(0)
摘要:视口设置: 默认不设置viewport一般可视区宽度在移动端是980 width 可视区的宽度 (number||device width) user scalable 是否允许用户缩放 (yes||no) iOS10无效 (一般禁止掉) initial scale 初始缩放比例 minimum s 阅读全文
posted @ 2017-09-23 20:33 Lorin-Yang 阅读(313) 评论(0) 推荐(0)