CSS裁剪或缩放图像到DIV的宽度为100％

Question

是否可以在DIV中裁剪（缩放）图像？

我试过这个，右侧（黑色）肖像图像将被裁剪 - 左侧（红色）风景图像也应缩放并裁剪。是否可以只使用CSS？

http://jsfiddle.net/Q4MuZ/

img {
    width: 100%;
    max-width:100%;
    height: auto;
    max-height: auto;
}

Answer 1

要缩放图像，您就在正确的轨道上。要裁剪图像，您可以将其放在元素（例如div）中，然后给它固定尺寸并溢出：隐藏。