模拟背景：封面;固定值？

Question

我的意思是，有没有办法达到同样的效果，就像我使用background-size：cover，背景图像的固定值？

我试过了：

<div class="foo"></div>

.foo {
    ...
    background-size: 100vmax 100vmax;
}

http://jsfiddle.net/c08eagq8/

但是，当然，这不会保留图像的原始比例。有什么想法吗？

Answer 1

您可以使用：

background-size: 100% auto;

这是针对水平图像，反之则是垂直图像。

但当然这需要你知道图像是水平的还是垂直的

这是我的demo