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

Question

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

房子bg图像的宽度为1816像素，左右边有一个淡出，在＆gt; = 1920p屏幕上看起来很平滑。

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

这是我到目前为止用我的代码做的事情：

  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();
});

有没有人知道如何计算任何屏幕分辨率的正确余量？