-
像素px和物理像素dp：1px=（dpr）²*dp；查看全部
-
touch事件学习查看全部
-
Touch基础事件 触发才是移动设备的交互的核心事件 touchstart:手指触摸屏幕触发(已经有手指放屏幕上不会触发) touchmove:手指在屏幕移动，连续触发 touchend:手指离开屏幕时触发 touchcancel:系统取消touch时候触发（不常用） 触摸事件包含专有的触摸属性 touches:跟踪触摸操作的touch对象数组 targetTouches:特定事件目标的touch对象数组 changeTouches：上次触摸改变的touch对象数组 根据touch对象跟踪触摸具体位置，从而判断触摸交互或手势事件 每个touch对象包含属性： clientX:触摸目标在视口中的x坐标 clientY:触摸目标在视口中的y坐标 identifier:标识触摸的唯一ID pageX:触摸目标在页面中的x坐标（包含滚动） pageY:触摸目标在页面重的y坐标（包含滚动） screenX:触摸目标在屏幕中的x坐标 screenY:触摸目标在屏幕中的y坐标 target:触摸的DOM节点目标查看全部
-
视口设置 <meta name="viewport" content="width="device-width">,initial-scale=1,user-scalable=no width:设置布局viewport的特定值 device-width initial-scale:设置页面的初始缩放 minimum-scale:最少缩放 maximum-scale:最大缩放 user-scalable:用户能否缩放 no document.body.clientWidth 默认布局Viewport window.innerWidth 度量Viewport查看全部
-
px :css pixels 逻辑像素 ，浏览器使用的抽象单位 dp,dt:device independent pixels 设备无关像素 物理像素 dpr:devicePixelRatio 设备像素缩放比 计算公式：1px等于dpr平方 乘 物理像素 DPI :打印机每英寸可以喷的墨汁点（印刷行业） PPI:屏幕每英寸的像素数量，即单位英寸内的像素密度查看全部
-
Viewport Meta标签查看全部
-
flexbox布局查看全部
-
iPhone5像素单位换算查看全部
-
弹性滚动查看全部
-
felx布局： 等比划分： display: -webkit-flex flex: 1 flex： 2 混合划分： Width： 100px； flex1； flex 垂直水平居中： justify-content： center； align-items： center； dispaly： -webkit-flex；查看全部
-
建议使用旧版的FLEX查看全部
-
body{ font-size: 62.5%; }查看全部
-
多行文本溢出代码查看全部
-
媒体查询查看全部
-
meta标签中viewport参数查看全部
举报
0/150
提交
取消