css - 根据屏幕尺寸更改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向我介绍了他们。

关于css - 根据屏幕尺寸更改CSS最高值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34131487/