JavaScript缩放文本以适合固定Div

这有点骇人听闻，但可以满足您的要求。

<div id="hidden-resizer" ></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());