css - 我该如何对背景图像进行响应

我正在我的网页上工作。我目前面临几个问题：
 图片无法适应浏览器窗口的大小，如果我将浏览器窗口缩小，图片将显示为重复
 我想要每张照片都显示整个画面
 如何在滚动过程中使页脚和菜单保持可见？
 这是Codepen的链接

#intro{
  background-image: url("http://www.tricentis.com/wp-content/uploads/2015/10/photo-1435575653489-b0873ec954e2.jpg");
  padding-top: 30px;
  background-size: cover;
  height: 100vh;
  background-size: 100%;
}

预先感谢您的帮助

最佳答案

如果要将背景尺寸设置为cover几行，则无法将背景尺寸设置为100%。删除background-size:100%，它可以正常工作。