圖像大小瀏覽器高度 - X像素數。 CSS-而已！

Question

我正在尋找一種僅用於CSS的解決方案，將圖像縮小爲瀏覽器窗口的大小 - X個像素點。我發現了很多JavaScript解決方案，但是我想讓它成爲CSS。它可以做到，如果是的話，那麼如何？

Answer 1

img { 
    width: 100%; 
} 

多田！ :)

演示：http://jsfiddle.net/bqbGY/

編輯：

div { 
    left: 0px; 
    margin: 15px; 
    position: absolute; 
} 
img { 
    position: relative; 
    width: 100%; 
} 

凡在div margin屬性是x像素。顯然，這意味着將img包裹在div中。 像這樣：再次

<div> 
    <img src="" /> 
</div> 

編輯：剛一說明，而不是使用margin屬性，可以使用單獨的margin-left和margin-right性能。 :)

Answer 2

這個怎麼樣？

Live Demo

HTML：

<div><img src="http://www.google.com/images/logos/ps_logo2.png" /></div> 

CSS：

div { 
    position: absolute; 
    top: 30px; 
    left: 30px; 
    right: 30px 
} 
img { 
    width: 100% 
}