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

Question

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

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

有办法吗？或者我需要在html中使用img吗？

提前致谢。

Answer 1

不确定

background-size: auto 100%;

Here's a demo.

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

Answer 2

var data = range.getValue();

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