html - CSS 裁剪或缩放图像到 100% 宽度的 DIV

Question

是否可以在 DIV 中裁剪(缩放)图像？

我已经试过了，右边(黑色)的人像图像会被裁剪——左边(红色)的风景图像也应该被缩放和裁剪。仅使用 CSS 可行吗？

http://jsfiddle.net/Q4MuZ/

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

Answer 1

要缩放图像，您是在正确的轨道上。要裁剪图像，您可以将其放入元素(例如 div)中，然后为其指定固定尺寸并溢出:隐藏。