Javascript 用于循环以增加字体大小以填充正文高度

我对for循环有问题。我的目标是选择第一个元素“.synopsis div”（还有更多），并使用它将每个循环的字体大小增加1px，以使整个元素更宽。当元素“.synopsis div”的宽度与主体的高度匹配时，它将停止并调用changeCSS（）函数将CSS附加到主体上，以使用“.synopsis div”更改所有元素

注意：我指的是身高，因为“.synosis div”旋转了90度

当我试图运行代码时，它崩溃了。有人能帮我吗？谢谢

var body_height = $(window).height();
var sinopsis_size = parseInt($(".synopsis div").css("font-size"));
var sinopsis_first_width = parseInt($(".synopsis:nth-child(1) div").width());

function changeCSS() {
  $(document.body).append("<style>.synopsis{font-size:" + sinopsis_size + "px;}</style>");
}

for (var i = 0; sinopsis_first_width < body_height; i++) {
  $(".synopsis:nth-child(1) div").css("font-size", sinopsis_size + 1 + "px");
  sinopsis_first_width = parseInt($(".synopsis:nth-child(1) div").width());
  sinopsis_size += 1;
  if ($(".synopsis p").width() == body_height - 1) {
    changeCSS();
  }
}

var body_height=$（window.height（）；
var sinopsis_size=parseInt（$（“.synopsis div”）.css（“字体大小”）；
var sinopsis_first_width=parseInt（$（“.sympsis:nth child（1）div”）.width（）；
函数changeCSS（）{
$（document.body）.append（“.sympsis{font size:+sinopsis_size+”px；}”）；
}
对于（变量i=0；中国拟青藤第一个宽度<体高；i++）{
$（“.synosis:nth child（1）div”）.css（“字体大小”，sinopsis_size+1+“px”）；
sinopsis_first_width=parseInt（$（“.sympsis:nth child（1）div”）.width（）；
中国拟青冈大小+=1；
如果（$（“.synosis p”）.width（）==车身高度-1）{
changeCSS（）；
}
}

愚蠢的问题，但为什么不添加css规则：

。大纲div{width:100vh}

？你也介意分享你的html布局吗？@Ant我试过了，但是宽度：100vh不影响字体大小。这个框应该是100vh，但文本大小保持不变。你试过无数现有答案中的任何一个吗？例如，它崩溃了，因为您的检查条件不匹配，所以它遇到了一个无限循环。添加一些基本调试和一个“转义子句”，例如

console.log（i，body\u height，sinopsis\u size，sinopsis\u first\u width，$（“.sympsis p”）.width（）；如果（i>1000）断裂