问CSS裁剪或缩放图像到DIV，宽度为100%
EN

Stack Overflow用户

提问于 2014-03-28 21:08:53

回答 1查看 2K关注 0票数 1

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

我已经试过了，右边(黑色)的肖像图片将被裁剪-左边(红色)的风景图片也应该被缩放和裁剪。是否可以只使用CSS？

http://jsfiddle.net/Q4MuZ/

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

发布于 2014-03-28 21:41:31

要缩放图像，您是在正确的轨道上。要裁剪图像，您可以将其放入一个元素(例如div)中，然后赋予它固定的尺寸和overflow: hidden。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22713799

复制

相似问题

问CSS裁剪或缩放图像到DIV，宽度为100%EN