Javascript 根据容器大小自动调整图元大小，而不使用比例

示例：

只是在计算时遇到了一个问题，即根据容器的宽度自动调整元素图像的宽度和元素文本的字体大小。就像

$('.element-image').width() = $('.container').width() - $('.element-image').width();
$('.element-text').css('font-size') = $('.container').width() - $('.element-text').css('font-size');
<div class="container">
    <img class="element-image" src="sample.jpg" />
    <span class="element-text">Sample Text</span>
</div>

$（'.element image'）.width（）=$（'.container'）.width（）-$（'.element image'）.width（）；
$（'.element text'）.css（'font-size'）=$（'.container'）.width（）-$（'.element text'）.css（'font-size'）；
示例文本

有点像，但我不懂逻辑。有人能帮忙吗？请注意，这是我的web应用程序，它就像一个广告或图形生成器

以下是示例应用程序：

---

您不必使用jquery。你可以使用CSS

width:100%或任何百分比，它将根据其父宽度生成一个宽度

检查此项以了解。
缩放图像很简单，只需使用百分比宽度即可

缩放文本更难。可以使用视口单位根据窗口大小缩放文本：


.element文本{
字体大小：10vw
}
示例文本
未缩放文本（将此片段置于“全屏”模式并更改窗口大小以查看效果）
我没有真正了解您需要什么，但我正在修复您的jquery

var contwidth = $('.container').width();
var imgwidth = $('.element-image').width();
$('.element-image').width(contwidth - imgwidth);
$('.element-text').css('font-size',contwidth - imgwidth);

<div class="container">
    <img class="element-image" src="sample.jpg" />
    <span class="element-text">Sample Text</span>
</div>

var contwidth=$（'.container'）.width（）；
var imgwidth=$（'.element image'）.width（）；
$（'.element image'）.width（contwidth-imgwidth）；
$（'.element text'）.css（'font-size'，contwidth-imgwidth）；
示例文本

顺便说一句，当您更改图像的宽度时，计算容器宽度-图像宽度的逻辑是什么？这将是一个错误，因为当您试图获取图像的宽度时，另一个函数会更改它。永无止境的循环。
请填写图片的完整url。哇，你知道你在用jQuery写什么吗？这个问题毫无意义。为什么任何事情都需要调整？它是一个动态页面，您可以在其中加载具有未知属性（如大小）的内容吗？此外，您没有按照上面代码的方式分配值。左手边是您分配给右手边的，因此
5-3=x
不正确。你需要
x=5-3
。这里有些人帮不了你。这只是一个示例代码。我需要一个广告建设者在线代码。你不需要纠正我的代码，我知道它错了，我只是用一种快速的方式表达了它，我只需要逻辑。别再说了，代码是错的或者没有意义。如果可以的话，请帮忙，因为这是一个非常具有挑战性的逻辑。可能是你不懂的人的重复，这是为一个广告建设者，而不是为整个页面。宽度100%使用css仅适用于图像或div。那么文本元素如何？您也可以使用百分比作为字体大小。也不起作用，因为我需要所见即所得的实际字体大小，您可以访问canva.com了解我的意思。很好！事实上，我已经找到了使用插件的解决方案，但是你的回答太明确了。谢谢