-
-webkit-backface-visibility:hidden;//禁止元素在动画过程中闪白查看全部
-
<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,{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) 图片居中：方法一：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; }查看全部
-
1.图片移动动画效果 手指点按移动时，判断是移动到下一页还是停留在原页面； 使用translate3D加速图片渲染，使图片滑动的更顺滑 -webkit-transform:translate3d(0,0,0)查看全部
-
触摸事件包含一个touches属性，是一个数组，event.touches[];记录着所有手指触摸到屏幕上的点的集合。查看全部
-
很好的网站查看全部
-
解决手机上3D动画出现一闪一闪的BUG： -webkit-backface-visibility:hidden;查看全部
-
图片上下居中的效果： 方法一： div{ display:table-cell; vertical-align:middle; } 方法二： div{ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; } 让列表在一行显示,不用浮动，用translate3D和相当定位： -webkit-transforom:translate3d(0,0,0);position:absolute;查看全部
-
IOS系统WEBAPP全屏应用： <meta name ="apple-touch-fullscreen" content="YES"/> IOS系统状态条颜色设置： <meta name ="apple-mobile-web-app-status-bar-style" content="black"/>查看全部
-
移动端大的区块使用position:absolute;极其消耗内存。不建议使用。查看全部
-
-webkit-transform:translate3d(0,0,0)查看全部
-
移动div的实现虽然可以使用position:absolute,但还是建议使用translate3d,因为可以启动手机的GPU加速，加速图片的渲染，查看全部
-
移动端不建议使用position:absolute;极其消耗内存查看全部
-
手指触摸屏幕。手指点击屏幕，手指抬起事件查看全部
-
li { line-height:固定的高度; vertical-align:middle; } li > img{ verticle-align:middle; } li { display:table-cell; verticle-align:middle; } li { display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; }查看全部
-
translate3d,采用GPU加速，可以加速图片的渲染查看全部
举报
0/150
提交
取消