如何保持文字的比例？

Question

我需要创建高度恒定的自适应svg。我的尝试在这里：JSFIDDLE

html：

<div style="width: 100%">
  <svg width="360" 
        height="200" 
        viewBox="0 0 360 200" 
        preserveAspectRatio="none" 
        style="width:100%">
    </svg>
</div>

有效。但是，当浏览器宽度减小时，符号比例会发生变化。请帮助使符号比例永久化