根据屏幕大小更改CSS顶部值

当使用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;
    }
}

---

使用视口单元可以使动画缩放到屏幕大小。感谢@Manoj Kumar向我介绍他们。

使用媒体查询，并根据屏幕大小更改反弹。或者使用视口单位/百分比值作为顶部。@ManojKumar使用百分比完全停止对象反弹。你能创建完整代码的演示吗？@Cianoonan如果你发表文章，我可以尝试解释这个问题密码。否则它值得评论，你可以自己发布答案，标记：）