Javascript 反转图像的响应大小

我正试图在一个响应迅速的网站上使用以下设计。我很好奇是否有办法通过jQuery/Javascript设置某种反向大小调整方法，因为随着视口变小，副本将响应并变大

我曾尝试使用jQuery修改图像大小，但我只知道在不同的断点手动调整图像大小

以下是我尝试的解决方案：

var viewportWidth = $(window).width();

if (viewportWidth <= 768) {
$("#curlybrace").css("width", "80px");
}

var viewportWidth=$（窗口）.width（）；
如果（viewportWidth尝试查看CSS和媒体查询，似乎这将是一个比尝试使用JS更简洁的解决方案。
您将使用以下内容：

 function resizeFn() {
   var width = window.width();
   // ...
 }

 $(function() {
   $(window).resize(resizeFn).trigger('resize');
 });

不可能使用CSS进行反向操作，我不认为（我认为可能是通过calc（）实现的，但我认为它不允许您进行那样的单元操作）

很好的警告，除非你试图让它看起来很疯狂，否则这听起来不是一个好的设计。
你尝试过使用CSS媒体查询吗？查看此链接以更好地了解哪些内容与你的代码不兼容？