根据屏幕尺寸

Question

当使用CSS反弹关键帧时，我已经将反弹的顶部设置为870px，但是如果我重新调整窗口的大小，对象可以反弹通过窗口的边框，有没有办法改变边界与屏幕尺寸。

@-webkit-keyframes bounce{
    from, to{
        top: 0;
        -webkit-animation-timing-function: ease-in;
    }
    50%{
        top: 870px; /*value in question*/
        -webkit-animation-timing-function: ease-out;
    }
}

Answer 1

使用视口设备允许动画缩放到屏幕大小。感谢@Manoj Kumar向我介绍他们。