javascript - テキストが幅と高さを超える場合に div を動的に作成する方法

Question

HTMLを使用して電子ブックを作成しようとしています。この目的のために、幅400px、高さ300pxのturn.jsを使用しています。50% X 40% の div サイズに収まらないテキストに対して、動的に div を作成したいと考えています。画面サイズごとにフォントサイズを変えたいので試してみました

function createDiv(theWidth, theHeight){    
    $('<div class=\'box\' style=\'width:'+theWidth+'px;height:'+theHeight+'px;\'/>')
                                                                .appendTo('.content');    
}

Auto-size dynamic textからコピーして固定サイズのコンテナを埋めましたが、うまくいかなかったようです。