根據div大小調整文本大小？

要開始做事了，這裏是我的代碼：根據div大小調整文本大小？

.header{ 
    width: 100%; 
    height: 10%; 
    background-color: #FF4545; 

} 
.headertext{ 
    font-family: 'Duru Sans', sans-serif; 
    font-size: 65px; 
    float:left; 
    margin-top: 0px; 
    margin-bottom: 0px; 
} 

.headermenu{ 
    font-family: 'Duru Sans', sans-serif; 
    font-size: 65px; 
    float: right; 
    margin-top: 0px; 
    margin-bottom: 0px; 

}

所以無論是.headertext和.headermenu是嵌入在.header DIV中的HTML語句p。現在，.header div具有bg顏色。當我調整窗口大小時，div會調整大小（非常清晰地顯示bg顏色），但文本不會調整大小。它是有道理的，因爲我已經爲它們分配了具體的字體大小，所以文本不會調整大小。我想問我如何動態縮放字體大小，以便文本始終保持在div內？此時，它在調整大小時觸發底部，意味着一半文本位於bg彩色格內，另一半則突出顯示爲空格。我希望這很清楚，謝謝！

來源

2014-01-25 Spencer T