在Zurb Foundation中是否有相当于Bootstrap的img-responsive响应?

时间:2016-07-10 02:09:32

标签: css twitter-bootstrap zurb-foundation frontend

我知道基础有交换,可以让你用不同断点处的较小对位点交换单个图像,但我喜欢用引导程序的方式重新缩放图像的东西。响应了。

2 个答案:

答案 0 :(得分:6)

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

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

答案 1 :(得分:0)

bootstrap .img-responsive是一个具有此属性的引导类

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

因此您可以使用相同的属性创建自己的自定义