如何连续制作图像而不缩小以适应较小的分辨率？

Question

不使用Bootstrap等，我连续拍摄了一系列图像，总最大宽度：1280px;和最小宽度：1280px; （所有图像加起来为1280px）。但是在分辨率低于1280的计算机上，图像不会全部停留在一条线上，有些会掉到下一行以适应屏幕。我知道将它们排成一行会迫使页面偏向左侧，需要横向滚动，但对我来说，这比冷凝更好。

我知道这是一个新手问题，但是如果有人可以帮助我或提供一个新手可以轻松推出的可靠替代方案，那将不胜感激。

Answer 1

您可以设置图像宽度的百分比，因此它们将始终填充父元素宽度：

.wrapper { max-width: 1280px; }
.wrapper img { width: 10%; } /* 10 images in a row */

如果您需要水平滚动条版本，请使用width代替max-width：

.wrapper { width: 1280px; }

Answer 2

将white-space: nowrap;添加到包含图像的元素。