常用情况：

垂直居中的布局，定义 宽高+transform: translate(-50%,-50%) 搭配使用

问题情况：

制作动效，高出掉落回弹，移动端未触发从顶端掉落这一初始动作，

代码：

排查思路：

1，可能没有带浏览器前缀，比如 -webkit

2，可能没有设置元素的高度

因利用less，会打包压缩 -webkit的前缀，排除

发现未对元素定义高度，使得0%初始态，无法获得纵轴-180%的位置

0% {

transform:translateY(-180%);

}

解决：

增加 height:2.01rem; 即可

效果：