css3动画写了兼容 但是一些安卓手机还是没作用。

@keyframes down {
    0% {
        height: 75px
    }
    100% {
        height: 225px
    }
}
.moveDown {
    -webkit-animation-name: down;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0;
    -webkit-animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: down;
    -moz-animation-duration: .5s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-delay: 0;
    -moz-animation-direction: alternate;
    -moz-animation-fill-mode: forwards;
    -ms-animation-name: down;
    -ms-animation-duration: .5s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-delay: 0;
    -ms-animation-direction: alternate;
    -ms-animation-fill-mode: forwards;
    animation-name: down;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-delay: 0;
    animation-direction: alternate;
    animation-fill-mode: forwards
}

就是一个简单的点击按钮改变高度的动画 写了兼容 但是用一个安卓手机就没作用 pc端和苹果是没问题的 求助是什么原因

阅读 4.8k
1 个回答
@-webkit-keyframes down {
    0% {
        height: 75px
    }
    100% {
        height: 225px
    }
}

这也加上-webkit-

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题