Font size relative to container

Question

how to change the font size relative to its container.

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

Now, if I resized my window, the container will also be resized, but the font size will remain the same as the patch size, I want to resize the font to fit its container. Is it possible?

Answer 1

using javascript / jquery you can do this: http://www.pukkared.com/?p=996