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

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

函数createDiv（theWidth，theHeight）{
$('')
.appendTo（“.content”）；
}

我抄袭的，

---

但它似乎对我不起作用。

“似乎对我不起作用”meens什么？它起作用了吗？你不知道它是否有效？你知道有些东西不管用吗？什么不起作用？我会使用Chrome、Firefox或Safari的开发工具——你可以准确地检查正在发生的事情。不能从给出的信息中说得更多。它只创建了一个div元素，而我需要它，直到我的文本根据特定的宽度和高度结束。

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