css - 使用 grunticon 设置 svg 的宽度

Question

我正在使用带有 grunticon 的 svg，我想将高度和宽度设置为 svg 标签的 100%，我知道这可以用 js 来完成，但是可以通过 style 或 css 或 grunt 选项来完成吗？如果是请添加示例

我正在使用这样的 html:

<div class="icon-napoleon" data-grunticon-embed></div>

Answer 1

SVG 图像在 div 元素内生成，因此 CSS 应如下所示:

.icon-napoleon,
.icon-napoleon svg {
    width: 100%;
    height: 100%;
}

请注意，父元素必须定义宽度和高度。唯一的异常(exception)是当父元素是一个 block 时，您不需要设置 width(默认为 100%，仍然需要高度)。