-
1.先新建一个构造函数 初始化 生成dom树 操作dom树 算出屏幕窗口的长宽比 设置初值宽度 跟下标查看全部
-
3.图片垂直居中的方法 把父容器变成流体盒子模型。查看全部
-
2.图片居中第二种方法 把父容器设置成表格类型。查看全部
-
1.图片垂直居中的方法 用vertical-align middle 缺点,需要给父容器设置固定行高。查看全部
-
-webkit-backface-visibility:hidden; 避免元素动画的过程中闪白。查看全部
-
移动div的实现虽然可以使用position:absolute,但还是建议使用translate3d,因为可以启动手机的GPU加速,加速图片的渲染 -webkit-transform: translate3d(0px,0,0); 和position: absolute;left: 0; top; 0; 一样都可以实现相同的效果,但是使用translte3d可以使用GPU加速图片渲染,使图片滑动的更顺滑查看全部
-
设置跟高度一样的行高,居中line-height: ;vertical-align: middle; 改变成表格元素,居中 display: table-cell;vertical-align: middle; 使用flex 布局 display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;查看全部
-
<mata name="viewpoint" conten="device-width", //宽度等于设备的宽度 initial-scale=1.0,//默认放大倍数1.0 maximum-scale=1.0,//最大放大倍数1.0 minimum-scale=1.0,//最小放大倍数1.0(避免失误操作) <meta name="apple-mobile-web-app-status-bar-style" content="black" ></mata>//IOS浏览器滚动条颜色 user-scalable=no"/>//禁止用户缩放 <meta name="apple-touch-fullscreen" content="YES" />//允许全屏应用 居中(高级浏览器): 1、li{ display:table-cell; vertical-align:middle; } 2、li{ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; } 居中(一般): li{ line-height:568px; vertical-align:middle; } li img{ vertical-align:middle; }查看全部
-
手指触摸屏幕touchstart 手指点击屏幕touchmove 手指抬起事件touchend查看全部
-
-webkit-transform: translate3d(0px,0,0); 和position: absolute;left: 0; top; 0; 一样都可以实现相同的效果,但是使用translte3d可以使用GPU加速图片渲染,使图片滑动的更顺滑查看全部
-
meta apple查看全部
-
touch start move end查看全部
-
通过3d实现滑动组件查看全部
-
图片滑动原理: 移动background/视口位置!查看全部
-
<meta name="apple-touch-fullscreen" content="YES">在苹果上设置为web app <meta name="apple-mobile-web-app-status-bar-style" content="black"> 苹果上设置状态条的颜色查看全部
举报
0/150
提交
取消