背景图像x基于屏幕分辨率的位置

Question

我需要在屏幕中央放置一个背景图像+根据屏幕分辨率放置一些偏移量，以使其与设计元素一起使用。这是我到目前为止所做的：

var viewportWidth = jQuery(window).width();
jQuery('.home #container').css('background-position-x', viewportWidth/2);

我现在想知道的是如何根据屏幕尺寸偏移背景图像。

编辑：改写。

我需要根据屏幕宽度（渲染时）将背景图像放在屏幕中央，以使其与我完成的设计一起工作。这是我到目前为止所做的：

var viewportWidth = jQuery(window).width();
jQuery('.home #container').css('background-position-x', viewportWidth/2);

然后，我需要根据某人正在使用的监视器略微偏移该背景图像，例如：

1024个监视器：background-position-x：center + 24

1152监视器：background-position-x：center + 32

1400个监视器：background-position-x：center + 102

类似的东西。

非常感谢！