自动缩放的SVG

Question

我想在移动端这个svg能随着屏幕的大小而自适应，要怎么弄？？
<svg width="200" height="200" viewBox="0 0 200 200" 
preserveAspectRatio="xMaxYMax meet" style="border: 1px solid #000;">
    <path d="M0 0,L0 200,H200 Z" fill="#000"/>
</svg>

Answer 1

<svg width="100%" height="100%" viewBox="0 0 200 200" 
preserveAspectRatio="xMaxYMax meet" style="border: 1px solid #000;">
    <path d="M0 0,L0 200,H200 Z" fill="#000"/>
</svg>

Answer 2

请问设置100%之后,里面的矩形不会相应缩放,怎么解决?