如果文本超出宽度和高度，如何动态创建div

Question

我正在尝试使用HTML制作电子书。为此，我使用的是turn.js，我的宽度为400px，高度为300px。我想为不适合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 to fill fixed size container复制的

， 但它似乎对我不起作用。