为图库创建缩略图

Question

我是一名后端开发人员，我想使用angular和boostrap创建一个小网站。

我想创建一个galerie，我一直在四处寻找它是如何完成的。我在以下链接中找到了一个正确的示例：https://blueimp.github.io/Bootstrap-Image-Gallery/

在这种情况下，图像来自flickr api，它发送2张不同的图片（小图和大图）。小的是缩略图，当你点击它时，它会打开大的缩略图。

我的问题是以下问题：让我说我拥有不同尺寸的所有图像，并且我想要那些（相同尺寸但反应灵敏！）的缩略图来创建我的画廊，是这样做的？只用css？

Answer 1

创建具有修正宽度的父<div>，然后在图片和img上应用width:100%，将height:auto添加到内部。请尝试实施您找到的示例，如果您发现任何问题，请使用您的代码。