模擬背景：蓋;具有固定值？

Question

我的意思是，有沒有什麼辦法可以達到與我使用background-size：cover一樣的效果，使用背景圖像的固定值？

我想：

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

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

http://jsfiddle.net/c08eagq8/

但是，當然，這不會保持圖像的原始比例。有什麼想法嗎？

Answer 1

您可以使用此：

background-size: 100% auto; 

這是水平的圖像，反之亦然垂直圖像。

當然，這需要你知道，如果圖像是水平的還是垂直的，但

這裏是我的demo