jQuery：使用左边距以编程方式定位图像

我有一个简单的HTML页面，它表示有许多窗口的房子。因此，对于房子，我使用了没有窗户的背景图像

house bg图像的宽度为1816px，左右两侧都有淡出，以便在>=1920p的屏幕上看起来平滑

在HTML中，我创建了一个包含4个窗口的表。现在，如果客户区（文档）的大小正好是1816px，那么我想将表移动到468px（左边距）的位置。主要问题是，如果我设置了错误的边距，那么表的覆盖看起来很奇怪

这就是迄今为止我对代码所做的：

  function fixTableMargin() {
    const optimalWindowSize = 1816;
    const defaultLeftMargin = 468;

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

    var margin = defaultLeftMargin;
    if (currentWidth < optimalWindowSize)
    {
        //I have no idea how I can calculate in relation of the window' getting smaller
    }
    else if (currentWidth > optimalWindowSize)
    {           
        //I have no idea how I can calculate in relation of the window' getting smaller+ 5;
    }

$('#test').css({ 'margin-left': margin });
}

window.onresize = function(event) 
{
    fixTableMargin();
}

$(document).ready(function()
{
    fixTableMargin();
});

函数fixTableMargin（）{
const optimize=1816；
const defaultLeftMargin=468；
var currentWidth=$（窗口）.width（）；
var保证金=违约保证金；
如果（当前宽度<最佳窗口大小）
{
//我不知道如何计算窗口“变小”的关系
}
else if（currentWidth>优化窗口大小）
{           
//我不知道如何计算窗口“变小+5”的关系；
}
$（'#test'）.css（{'margin left'：margin}）；
}
window.onresize=函数（事件）
{
固定边界（）；
}
$（文档）.ready（函数（）
{
固定边界（）；
});

---

有人知道我如何计算任何屏幕分辨率的正确边距吗？

我很困惑。所以房子的图像像“1816px”一样宽，这个网站会有一个水平卷轴（overflow-x）吗？如果不是。。如果它居中，则是以px为单位的窗口静态大小或百分比。如果你的站点是屏幕的中心，我认为使用条件语句检测用户的屏幕宽度将是一种方法。或者，您可以通过媒体和屏幕属性使用css，设置每个屏幕大小的特定边距。只是想一想，谢谢！CSS媒体和屏幕属性在这种情况下对我帮助很大。