gpt4 book ai didi

html - 具有固定空间的响应式图像

转载 作者:行者123 更新时间:2023-11-28 15:40:37 25 4
gpt4 key购买 nike

我正在尝试创建一个包含各种尺寸图像的响应式画廊。这个想法是在全屏上有 5 个相同大小的正方形 div,每个图像水平和垂直居中,缩放以适应一些填充(按比例,根据窗口大小)。 div 之间的间距在水平和垂直方向上是相同的(同样是基于窗口大小的比例 (%) - 以获得漂亮整洁的 View 。div 有最小和最大尺寸,因此当达到一行中 div 的最小尺寸时,它们会重新排序,这意味着第 1 行的最后一个将移动到第 2 行等,保持固定(比例)间距。

仅使用 CSS 是否可行?

我能找到的最接近的例子是: <code>http://codepen.io/anon/pen/QGwwEB</code>但我无法将其转换为我需要的。

最佳答案

如果你使用的是引导类然后写

<img src="" alt="image" class="img-responsive">

关于html - 具有固定空间的响应式图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44158345/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com