-
缩放比 = window.innerWidth/document.body.clientWidth查看全部
-
布局viewport=设备宽度=度量viewport <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">查看全部
-
最常使用設定查看全部
-
常用属性 div{ width: 350px; justify-content:center; align-items:center; flex-direction:row; -webkit-flex-wrap:nowrap; display: -webkit-flex; background-color: red; } div div{ align-sele:flex-start; }查看全部
-
justify-content:center; align-items:center; display: -webkit-flex;查看全部
-
局部滚动开启弹性滚动： body{ overflow:scroll; -webkit-overflow-scrolling:touch; }查看全部
-
弹性滚动： 当客户端的页面滚动到顶部或底部的时候，滚动条会收缩并让我们多滑动一定距离。通过缓冲反弹的效果，带给用户良好的体验。 移动web页面拥有这样的能力，但滚动有几种情况需要考虑： （1）body层滚动：（系统特殊化处理） 自带弹性滚动，overflow:hidden失效，GIF和定时器暂停。 （2）局部滚动： 没有弹性滚动，没有滚动惯性，不流畅。查看全部
-
Bug以及解决方案、注意事项：查看全部
-
每个touch包含属性： （1）clientX：触摸目标在视口中的x坐标。 （2）clientY：触摸目标在视口中的y坐标。 （3）identifier：表示触摸的唯一ID。 （4）pageX：触摸目标在页面中的x坐标（包含滚动）。 （5）pageY：触摸目标在页面中的y坐标（包含滚动）。 （6）screenX：触摸目标在屏幕中的x坐标。 （7）screenY：触摸目标在屏幕中的y坐标。 （8）target：触摸的DOM节点目标。查看全部
-
touch基础事件： 触摸才是移动设备的交互的核心事件。 （1）touchstart：手指触摸屏幕触发（已经有手指放屏幕上不会触发） （2）touchmove：手指在屏幕滑动，连续触发。 （3）touchend：手指离开屏幕时触发。 （4）touchcancel：系统取消touch时候触发（不常用） 除了常见的事件属性外，触摸事件包含专有的触摸属性： （1）touches：跟踪触摸操作的touch对象数组。 （2）targetTouches：特定事件目标的touch对象数组。 （3）changeTouches：上次触摸改变的touch对象数组。查看全部
-
自定义Tap事件原理：查看全部
-
单行文本溢出，对title类的使用非常多。 单行文本溢出CSS样式： overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 多行文本溢出，在详情介绍则用的比较多。 多行文本溢出CSS样式： display:-webkit-box ！important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; /*方向是垂直的*/ -webkit-line-clamp:2; /*显示的行数截取*/查看全部
-
相对单位rem 不使用rem的情况：font-size 一般来讲font-size是不应该使用rem等相对单位的。因为字体的大小是趋向于阅读的实用性，并不适合与排版布局。 同理趋向于一些固定的元素的特性。我们不使用rem而改为使用px去确保在不同屏幕上表现一致（跟rem的目的相反）。查看全部
-
1111查看全部
-
rem的基值设置多少好？示例说明查看全部
举报
0/150
提交
取消