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

Question

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

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

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

提前致谢。

Answer 1

当然:

background-size: auto 100%;

Here's a demo.

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