-
图片居中：方法一：li{ dispaly:table-cell; vertical-align:middle; } 方法二：div{ line-height:Height; height:Height vertical:middle; } img{ vertical-align:middle; } 方法三： div{ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; }查看全部
-
@·图片滑动动画效果 手指点按移动时，判断是移动到下一页还是停留在原页面； 使用translate3D加速图片渲染，使图片滑动的更顺滑查看全部
-
居中li{ dispaly:table-cell; vertical-align:middle; }查看全部
-
初始化查看全部
-
<meta name="viewpoint" conten="width=device-width,initial-scale=1.0"/>查看全部
-
构建函数对象三部曲！ （1）初始化 init() （2）渲染对象 renderDOM() （3）事件绑定 bindDOM()查看全部
-
1,{line-height:568px;vertical-align:middle;}// 传统的居中方式 2,{display:table-cell;vertical-align:middle;}// 更改标签语义(table)居中 3,{display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}// 使用CSS3弹性盒模型 display:box; box-pack:center;对空余的空间进行管理(center) box-align:center:对标签进行上下空余空间的管理(cneter)查看全部
-
<meta name="viewpont" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" /> <meta name="apple-touch-fullscreen" content="YES" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" />查看全部
-
1.图片移动动画效果 手指点按移动时，判断是移动到下一页还是停留在原页面； 使用translate3D加速图片渲染，使图片滑动的更顺滑查看全部
-
transform translate3d查看全部
-
transform:translate3d(x,y,z) 可以使用transform的时候就用transform，能不能支持这个属性可以去caniuse去查看，另外，不能只针对webkit写这个属性，最好使用autoprofix这类插件去自动添加属性的前缀查看全部
-
111查看全部
-
小技巧：不使用浮动 使标签并排显示 -webkit-transform:translate3D(0,0,0),position:absolute; -webkit-transform:translate3D(0,0,0):触发手机端硬件(GPU)加速查看全部
-
1,{line-height:568px;vertical-align:middle;}// 传统的居中方式 2,{display:table-cell;vertical-align:middle;}// 更改标签语义(table)居中 3,{display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}// 使用CSS3弹性盒模型 display:box; box-pack:center;对空余的空间进行管理(center) box-align:center:对标签进行上下空余空间的管理(cneter)查看全部
-
<meta name="viewpont" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" /> <meta name="apple-touch-fullscreen" content="YES" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" />查看全部
举报
0/150
提交
取消