1

示例：http: //jsfiddle.net/SJUeK/

我希望示例中的背景图像始终是其全高（取决于宽度）。我不能用像素来做，因为它需要响应。

有没有办法做到这一点？或者我需要在 html 中使用 img 吗？

提前致谢。

4

2 回答 2

4

当然：

background-size: auto 100%;

这是一个演示。

或者，如果您实际上的意思是“保持其纵横比和缩放以适应容器内部”，那么background-size: contain应该做到这一点。

于 2012-09-11T18:38:37.857 回答
0 
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;
}

https://css-tricks.com/perfect-full-page-background-image/

于 2017-04-23T14:36:57.707 回答