【发布时间】:2018-01-19 16:51:34
【问题描述】:
我希望这是这个问题的正确 SE 论坛。我想知道可以使用什么 CSS 来堆叠照片(一堆img 标签),以便在每个设备屏幕尺寸上自动调整它们的宽度和高度。一个例子在这里:www.edwardkb.com/places/ 但它是一个 SquareSpace 模板,所以我不知道他们使用什么脚本或 CSS。谢谢!
【问题讨论】:
标签: css photo-gallery
我希望这是这个问题的正确 SE 论坛。我想知道可以使用什么 CSS 来堆叠照片(一堆img 标签),以便在每个设备屏幕尺寸上自动调整它们的宽度和高度。一个例子在这里:www.edwardkb.com/places/ 但它是一个 SquareSpace 模板,所以我不知道他们使用什么脚本或 CSS。谢谢!
【问题讨论】:
标签: css photo-gallery
如果你使用 bootstrap 3,只需在你的 img 标签中添加 img-responsive 类
<img class="img-responsive" src="...">
如果您使用 bootstrap 4,请在您的 img 标签中添加 img-fluid 类
<img class="img-fluid" src="...">
【讨论】: