如何调整 svg 的大小以适合 div？

【问题标题】：How to resize a svg to fit inside a div?如何调整 svg 的大小以适合 div？
【发布时间】：2016-11-10 20:19:31
【问题描述】：

在尝试适合 div（带边框）时，svg 会从正确的大小中截断。

HTML

 <div style="position:relative;width:550px;height: 500px;background: gainsboro;border: 4px solid;">

 <-- My SVG -->

 </div>

帮我把这个 svg 调整成 550x500

【问题讨论】：

【解决方案1】：

不要在 SVG 中使用 width 或 height。

请改用viewbox。然后 SVG 将自动缩放（大部分）。

<svg xmlns="http://www.w3.org/2000/svg" viewbox ="0 0 959 593">

【讨论】：