在 Zurb Foundation 中是否有相当于 Bootstrap 的 img-responsive？

Question

我知道 foundation 有互换功能，可以让您在不同的断点处用较小的对位点交换单个图像，但是我想要一些可以按照 bootstrap 的方式重新缩放图像的东西img-responsive 做到了。

Answer 1

您可以使用以下样式创建新的 class .img-responsive 并直接应用于您的代码。它将使图像很好地缩放到父元素。

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

Answer 2

bootstrap .img-responsive 是 bootstrap class 具有此属性

display: block;
max-width: 100%;
height: auto;

因此您可以创建具有相同属性的自定义

Is there an equivalent to Bootstrap's img-responsive in Zurb Foundation?