当我在Chrome浏览器上缩小浏览器窗口时，我的关键帧动画无法保持居中。如何实现这一点？
我在下面链接了我的codepen页面，这样你就可以看到当页面变小时会发生什么：
https://codepen.io/taariqkwame/full/XWmvYzR
下面是我的HTML和CSS：
第一个
当我在Chrome浏览器上缩小浏览器窗口时，我的关键帧动画无法保持居中。如何实现这一点？
我在下面链接了我的codepen页面，这样你就可以看到当页面变小时会发生什么：
https://codepen.io/taariqkwame/full/XWmvYzR
下面是我的HTML和CSS：
第一个
1条答案
按热度按时间xdnvmnnf1#
您需要动画元素能够“拾取”3个选区的宽度。
此代码片段将动画元素和choice元素放入一个居中的容器中（使用边距0 auto）。
关键帧被更改为将元素从左向左移动100%，但平移与宽度相关，以便它保持在包含元素内。
第一个
注意：在关键帧中使用bottom是没有效果的，因为top会覆盖它。这超出了问题的范围，不知道你想要什么。也许可以问另一个人，如果元素向下移动和横向移动是重要的。