css - 我怎样才能使我的背景图像响应

Question

我正在处理我的网页。我目前面临几个问题：

图片不适应浏览器窗口的大小，如果我把浏览器窗口变小图片会显示为重复

我想要，每张照片都占据整个画面

如何在滚动期间保持页脚和菜单可见？

这是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%;
}

预先感谢您的帮助

Answer 1

cover如果您要将背景大小设置为100%几行，则将其设置为没有任何好处。删除background-size:100%，它工作正常。

Answer 2

你可以设置

background-repeat: no-repeat;

以确保每张图片不会多次显示。