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

Question

我知道基础有交换,它允许你在不同的断点处用较小的对应点交换单个图像,但是我想要像引导程序的img-responsive所做的那样重新缩放图像.

Answer 1

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

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