如何通過CSS不成比例地縮放圖像？

Question

如果我有一個圖像，比如說100 * 100px，我想要的是將這個圖像放大到一個比例爲100 * 800px的區域（僅用於測試）。我試過使用max-height或max-width，但這只是按比例縮放圖像，可以看到here。

我該怎麼做stretch爲了使它適合該地區的形象？非常感謝！

Answer 1

繼承人你可以做什麼。 JsFiddle

更改CSS代碼：

img { 
    width:50px; 
    height:800px; 
    background-size: 100%; 
} 

這將允許形象，以填補高度/寬度

讓我知道如果這個工作伸展！

Answer 2

CSS 3的背景大小：

包含

蓋

100％100％

會給你，你在說什麼一些變化。

在這裏看到：

http://www.w3schools.com/cssref/css3_pr_background-size.asp

Answer 3

作爲你的標準圖像將100px乘100px; 你可以給你的img一個ID，然後使用你的CSS中的ID來設置高度和寬度。 最大高度或最大寬度將只設置兩者的最大值。不能改變它

#img { 
    width:50px; 
    height:800px; 
}