图像大小浏览器高度 - 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% 
}