为图片库创建缩略图

Question

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

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

在这种情况下，图像是从 flickr api 获取的，它发送 2 张不同的图片（小图和大图）。小的是缩略图，点击后会打开大的。

我的问题是以下问题：假设我有所有不同尺寸的图像，并且我希望拥有这些图像的缩略图（相同尺寸，但反应灵敏！）来创建我的画廊，那该怎么做？去做？仅使用 css？

Answer 1

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