在Div框中安装任何宽度x高度的图像，而不会影响div盒的宽度和高度？

Question

好的..我是新的..有没有办法自动“调整”图像到div框，以便div框保持窗帘大小，即使图像可能不是？并保持响应？

我想上传图片而不必担心调整大小和裁剪，我希望主页上的图片看起来大小相同。

希望这有意义......我似乎无法找到任何东西

Answer 1

如果您尝试强制图像适合父容器的大小，则可以应用

background-size: cover;

给你的CSS。

Answer 2

background-size: cover适用于背景图片。您将要使用正确的跨浏览器css，并且您的容器需要具有指定的高度，您可以在断点处更改该高度以使其保持响应。

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

如果您想将图像放入div而不是背景图像，则需要在特定断点处以固定高度查看容器上的overflow: hidden。这当然需要一些工作来定位图像并确保它正确缩放。背景图像方法是一种更简单的方法。