:active 只有长按动画才有效果为什么呢

Question

1.使用:active来做动画，动画效果和美团底部导航栏一样的，点击的时候缩小，松开的时候就还原

2.但是出现了再ios就是正常的，但是再谷歌模拟器和安卓手机就出现了长摁才有缩放效果，点击的时候没有效果，求解

html 为了移动端生效我都添加了touchstart事件

<van-tabbar-item @click="switchTo()"  class="animation-class"  v-on:touchstart="btnTouchStart"\>

css

  

.animation-class {

transition: transform  0.1s  ease-out;

}

.animation-class:active {

transform: scale(0.5);

}