Bootstrap中有响应的动画背景？

Question

按照此处的说明操作后：https://davidwalsh.name/background-animation-css

我可以让图片移动，但我无法弄清楚如何使其响应。有关如何实现这一目标的任何想法？我添加了以下css代码：

@keyframes animatedBackground{
  from {background-position: 0 0;}
  to {background-position: -1920px 0;}
}


#animate-area{ 
  width: 560px; 
  height: 400px; 
  background-image: url("images/japan.jpg");
  background-position: 0px 0px;
  background-repeat: repeat-x;

  animation: animatedBackground 40s linear infinite;
}

Answer 1

在演示中，<div id="animate-area">的宽度显式设置为560px。尝试将其设置为width: auto;。这应该将div宽度缩放到它的容器/父级。