Html 相对于容器的字体大小百分比

如何更改其容器的字体大小

<div id="container" style="width: 100%; height: 100%; border: 1px solid #ff0">
    <span style="font-size: 18px">Test</span>
</div>

试验

---

现在，如果我调整窗口大小，容器也会调整大小，但字体大小仍然保持固定大小，我想根据其容器更改字体大小。可能吗？

使用javascript/jquery可以做到这一点：

如果使用SASS，则可以使用变量存储值并使用变量设置大小。链接不再起作用。有人能给出一个有效的答案吗？