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

Question

我正在尝试使用 HTML 制作电子书。为此，我使用的是 turn.js，宽度为 400 像素，高度为 300 像素。我想为不适合 50% X 40% div 大小的文本动态创建 div。因为我想为不同的屏幕大小设置不同的字体大小，所以我尝试了

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

我从自动大小的动态文本复制以填充固定大小的容器，但它似乎对我不起作用。