如何将<g>分组扩展到100％宽度和高度？</g>

Question

我是SVG的新手，我试图找出如何使<g>标记扩展到屏幕宽度和高度的100％。我已经设置了以下内容：

HTML / SVG：

<div class="full_size">
    <svg>
        <g>
            // stuff
        <g>
    </svg>
</div>

CSS：

.full_size {
    width: 100%;
    height: 100%;
}

svg {
    width: 100%;
    height: 100%;
}

g {
    width: 100%;
    height: 100%;
}

<svg>确实会扩展到整个宽度和高度。但是，<g>没有。我怎么能这样做？