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

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