Jquery 按给定宽度缩放文本字符串

如果已分配空间的宽度已知，是否可以使用CSS或jQuery缩放文本字符串的大小？我需要它来增加字体大小而不包装字符串

假设我有这样的东西：

<div style="width:600px">My text string here.</div>

这里是我的文本字符串。

我想我可以把绳子绕成一段来测量宽度

JS:

var strWidth=$（“#myStr”）.width（），
strFontS=20；
如果（标准宽度<600）{
//可能会增加字体大小
$（“#myStr”）.css（“字体大小”，strFontS+1+“px”）；
}

HTML:

这里是我的文本字符串。

您需要测量给定字体和大小的文本宽度。用于计算的jquery函数。之后，你可以找到一个利率。并放大或重现字体大小以适合给定元素

---

下面是我的简单示例：这是我制作的一个插件，可以用来调整文本大小

$.fn.resizeText = function(){
  var size = parseInt($(this).css("fontSize"));  
  var html = $(this).html();
  var textLength = html.length;
  var span = '<span>' + html + '</span>';
  $(this).html(span);
  var width = $(this).find('span:first').width();
  $(this).html(html);
  var newSize = $(this).width()/width*size;
  $(this).css("fontSize", newSize);
  return width;
};

---

请查看。

可能重复的问题，它似乎是一个类似的问题，但答案听起来有点理论化。我想如果我知道如何上下调整字体大小，然后再检查一遍，我就不会在这里问了……是的，我……对不起。我最初发布了错误的链接=/是否要分散文本或增加字体大小。我想增加字体大小。我想增加字体大小而不进行包装。

<div id="myDiv" style="width:600px"><span id="myStr">My text string here.</span></div>

$.fn.resizeText = function(){
  var size = parseInt($(this).css("fontSize"));  
  var html = $(this).html();
  var textLength = html.length;
  var span = '<span>' + html + '</span>';
  $(this).html(span);
  var width = $(this).find('span:first').width();
  $(this).html(html);
  var newSize = $(this).width()/width*size;
  $(this).css("fontSize", newSize);
  return width;
};

$("div").resizeText();