如何使背景图像大小保持其比例？

Question

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

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

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

提前致谢。

Answer 1

当然：

background-size: auto 100%;

这是一个演示。

或者，如果您实际上的意思是“保持其纵横比和比例以适合容器内部”，那么background-size: contain应该可以解决问题。