-
设备宽度，缩放比查看全部
-
meta的参数查看全部
-
meta标签格式查看全部
-
多行文本溢出。查看全部
-
display:-webkit-flex;//弹性盒子 align-items:center;//子元素垂直居中 justify-content:center;//子元素水平居中查看全部
-
基础事件查看全部
-
touch基础事件查看全部
-
自定义Tap事件原理： 在touchstart时记录时间、手指位置,在touchhend时进行比较,如果手指位置没有移动(或位移非常小)且时间间隔较短(一般200ms),且过程中未曾触发过touchmove,即可认为触发了手持设备上的'click',一般称它为'tap'; ※ 移动端click事件有300 ms延迟,一般使用Tap自定义事件代替click事件; - 移动端click事件有300 ms延迟,是判断用户触摸是双击放大页面或手指不离开屏幕移动,因此click事件的回调函数要延迟300 ms执行; Tap"点透"的bug - 点透事件是当下层是click事件,上层是Tap事件,当点击上层时,上层马上就消失了,然后过了300ms,click事件才会响应,所以就会出发click事件; Tap透传的解决方案： 1. 使用缓动动画,过渡300ms的延迟; 2. 中间层dom元素的加入,让中间层接受'穿透'事件,稍后隐藏; 3. '上下'都使用Tap事件(但不可避免原生标签的click事件); 4. 改用Fastclick的库(最新的zepto已经fixed掉这个bug);查看全部
-
多行文本溢出查看全部
-
兼容性问题查看全部
-
align-self : 子元素自己设置对齐方式; 值： flex-start -> 顶层; flex-end -> 底层; center -> 居中; auto/*default*/ -> 同拉伸; baseline -> 文字基线; stretch -> 拉伸; justify-content : 设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式; align-content : 属性对齐交叉轴上的各项(垂直)方向上的对齐方式; 值： flex-start -> 左对齐; flex-end -> 右对齐; center -> 居中; space-between -> 两侧对齐; space-around -> 间距平分; flex-warp : 当子元素宽度大于父元素宽度时是否换行; 值： nowarp/default -> 默认当子元素宽度大于父元素宽度时不换行; warp -> 换行; warp-reverse -> 换行倒序; flex-direction : 规定灵活项目的方向; 值： row/defaultr -> 默认值,灵活的项目将水平显示,表示一行显示; row-reverse -> 与 row 相同,一行显示,顺序相反; column -> 灵活的项目将垂直显示,表示竖列显示; column-reverse -> 与 column 相同,竖列显示,顺序相反; initial -> 设置该属性为它的默认值; inherit -> 从父元素继承该属性,纵向倒序; align-items : 在父元素统一设置子元素; align-items 整个容器分两行; align-content 按照子项目自己的高度换行,显得比较挤;查看全部
-
弹性布局查看全部
-
新旧对比查看全部
-
不定宽高的水平垂直 居中问题查看全部
-
触摸事件的bug查看全部
举报
0/150
提交
取消