这有点骇人听闻,但可以满足您的要求。
<div id="hidden-resizer" style="visibility: hidden"></div>
然后执行以下操作:
var size;
var desired_width = 50;
var resizer = $("#hidden-resizer");
resizer.html("This is the text I want to resize.");
while(resizer.width() > desired_width) {
size = parseInt(resizer.css("font-size"), 10);
resizer.css("font-size", size - 1);
}
$("#target-location").css("font-size", size).html(resizer.html());