font-size percentage with respect to container

Question

how to change font-size with respect 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 resize my window the container is also resized but the font-size remain of fix size, i want to change the font-size according to its container. Possible?

Answer 1

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