【问题标题】:CSS for auto-stacking photo galleries用于自动堆叠照片画廊的 CSS
【发布时间】:2018-01-19 16:51:34
【问题描述】:

我希望这是这个问题的正确 SE 论坛。我想知道可以使用什么 CSS 来堆叠照片(一堆img 标签),以便在每个设备屏幕尺寸上自动调整它们的宽度和高度。一个例子在这里:www.edwardkb.com/places/ 但它是一个 SquareSpace 模板,所以我不知道他们使用什么脚本或 CSS。谢谢!

【问题讨论】:

    标签: css photo-gallery


    【解决方案1】:

    如果你使用 bootstrap 3,只需在你的 img 标签中添加 img-responsive 类

    <img class="img-responsive"  src="...">
    

    如果您使用 bootstrap 4,请在您的 img 标签中添加 img-fluid 类

    <img class="img-fluid"  src="...">
    

    【讨论】:

    • 非常感谢您。我们不使用 Bootstrap。是否有 Zurb 或 Skeleton 选项?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-10-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多