Html CSS以100%宽度将图像裁剪或缩放为DIV

可以在DIV中裁剪（缩放）图像吗

我已经试过了，右边（黑色）的肖像图像将被裁剪——左边（红色）的风景图像也应该被缩放和裁剪。仅使用CSS是否可行

---

要缩放图像，您所处的轨道是正确的。要裁剪图像，您可以将其放入元素（例如div）中，然后为其指定固定尺寸，并使其溢出：隐藏。

溢出：在父级上隐藏？请检查。。。你认为正确吗？如果你实现了你想要的。。。是的，但乍一看，它似乎做了一些不同于你所问的事情（也许我没有答对问题）。我认为您需要溢出：在图像的每个父对象上隐藏（以裁剪它们），在您的示例中为右裁剪和左裁剪。

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