Question

一个看似简单的问题。我用Bootstrap创建了一个响应式网站。在一个特定页面上，有4列，宽度相等。在每列中，将插入图像。

为了插入图像，尽可能接近列宽，我只需将1024px除以3，以确定4列中每一列的宽度，然后只需确保图像尽可能接近结果列宽度尽可能？

这样，图像将在较大的1024px屏幕上正确显示，同时在较小的屏幕上缩小。

我的理解是否正确？

Answer 1

或者您只是在图片上放置一个最大宽度，以确保它们只与其包含的div一样宽。

max-width: 100%;
height: auto;

然后，只要您的图像具有相同的尺寸，它们就会在每列中占用相同的空间。