使用css或javascript检测最大字体大小

请看一下这个示例代码，让我知道代码如何在不破坏定义边框的情况下确定可以放置的最大字体大小

<div id="container">
    <img id="image" src="http://graphics8.nytimes.com/images/2010/05/23/magazine/23FOB-medium-span/23FOB-medium-t_CA0-articleLarge.jpg"/>
    <p id="text">
        Hello World  
    </p>
</div>


#container
{
    height:400px;
    width:600px;
    position:relative;
}

#image
{    
    position:absolute;
    left:0;
    top:0;
}
#text
{
    position:absolute;    
    color:white;
    font-size:90px;
    font-weight:bold;
    left:100px;
    top:100px;
    right:100px ;
    bottom:100px;      
    opacity:0.9;
    background-color:#00ff00;
}

你好，世界

#容器
{
高度：400px；
宽度：600px；
位置：相对位置；
}
#形象
{    
位置：绝对位置；
左：0；
排名：0；
}
#正文
{
位置：绝对位置；
颜色：白色；
字体大小：90px；
字体大小：粗体；
左：100px；
顶部：100px；
右：100px；
底部：100px；
不透明度：0.9；
背景色：#00ff00；
}

我对文本边框的定义如下： 左：100px； 顶部：100px； 右：100px； 底部：100px

---

也许我做错了某些部分，或者这样做是不可能的，你有什么建议

您可以使用.omg的一个变体，这真的很讨厌：/，而且正如我测试的那样，它不支持多行，因为中的文本不会被分成更多行。谢谢