使用javascript中的css scale属性为所有解析创建动态计算

我有一个网页的网站，总是应该在一个屏幕适合

我为所有类型的屏幕分辨率找到的唯一解决方案是css transform:scale属性。所以我开始检查所有的屏幕分辨率，并在每个分辨率上添加不同的刻度数，但这似乎是一项没完没了的工作

是否有使用javascript的动态计算方法/逻辑，可以自动计算每个屏幕分辨率的比例（宽度/高度）

您可以在下面的列表中找到布局

我想象的是

如果900px-0.87刻度正常 然后是1440-X

因此X=1440*0.87/900

我创建了一些函数，但它不精确

function scaleContainer(){
   var windowWidth = $(window).width();
   var windowHeight = $(window).height();
   var staticNumber = 1.47;
   var calculatedVal = (windowWidth * staticNumber) / 2560  - 0.1;
   var finalVal = calculatedVal.toFixed(2);
   console.log(finalVal);
   $('.main_container').css('transform','scale('+finalVal+')');
}

---

问题是，获取的数字接近我想要的数字，但不完全是

请在您的问题中包含a。请查看我更新的问题@EvolutionXboxArghhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhxboxArghhhhhhhhhhhhhhhhh！查看媒体查询或响应测量单位，如em、rem、vh等。对于这种类型的设计@Kiwi1342来说，这是一项无休止的工作。目前，我正在使用媒体查询，但我不想逐像素检查以确保它符合要求。所以这就是为什么要让它充满活力@kiwi1342