【问题标题】:Zurb's Foundation: disable image resizeZurb's Foundation:禁用图像调整大小
【发布时间】:2016-03-22 10:14:21
【问题描述】:

我使用 Foundation 6 并在两个列组中有一些图像。 当我将浏览器视口从 1200 像素宽度调整到 1024 像素宽度时,大图像变小,宽度缩小,见下图。

有没有办法允许这样做?

我更喜欢大图像和小图像之间的恒定距离,以设置独立于用户视口的固定“B”值(第二个图像)。

完整网页见https://fadendaten.herokuapp.com/t/categories/clothing

【问题讨论】:

    标签: html css zurb-foundation


    【解决方案1】:

    这是因为您的类 .product-teaser-column 具有固定宽度。改变它,它会再次响应。

    .product-teaser-column {
       width: 470px;
    }
    

    【讨论】:

    • 当它响应时,列中的图像将可调整大小。我不想要那个。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-01-07
    • 2010-09-22
    • 1970-01-01
    • 2020-05-10
    • 1970-01-01
    • 2010-11-20
    • 1970-01-01
    相关资源
    最近更新 更多