HTML和CSS背景图像缩放以适应屏幕

Question

我目前正在建立我的投资组合网站。我正在使用HTML和CSS。我有一个用于背景的图像，但无论屏幕大小如何，背景都保持相同的大小。我应该使用什么代码？我应该将我的代码升级到CSS3 / HTML5，如果是这样，那么代码是什么？非常感谢您的时间和提前帮助，这是一个让我疯狂的细节，在展示我的作品时会引起巨大的困扰。

Answer 1

background-size : 100% auto

这会将宽度设置为100％，将高度设置为自动

在发布问题之前总是很好地搜索，这可能是一个很好的参考作为初学者：

http://www.w3schools.com/cssref/css3_pr_background-size.asp

Answer 2

看看下面的代码：

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}