如何使Figure标签具有响应性?

时间:2018-10-15 16:21:50

标签: css responsive-design figure

如何使图形标签具有响应性?我无法将宽度设置为100%,因为我还有其他小于容器的图形标签。

我有这个CSS:

figure {
    border: 1px solid $color-light-gray;
    padding: 5px;
    max-width: 100%;
    min-width: 150px;
    display: inline-block;

    img {
        max-width: 100%;
        height: 100%;
    }

    figcaption {
        text-align: center;
        font-size: 0.8rem;
    }
}

0 个答案:

没有答案