什么像素大小，应该用于网站图像

Question

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

为了插入图像，尽可能接近列宽，我是否只需将 1024px 除以 3 以确定 4 列中每一列的宽度，然后简单地确保图像尽可能接近生成的列宽？

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

我理解正确吗？

Answer 1

或者

，您只需在图像上设置最大宽度，以确保它们仅与包含的div一样宽。

max-width: 100%;
height: auto;

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