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

我需要在屏幕中央放置一个背景图像+一些基于屏幕分辨率的偏移，以使其与设计元素一起工作。以下是我目前掌握的情况：

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

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

编辑：重新措辞。

我需要根据屏幕宽度（渲染时）将背景图像放置在屏幕中心，使其与我所做的设计配合使用。以下是我目前掌握的情况：

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个监视器：背景位置x：中心+24

1152监视器：背景位置x：中心+32

1400监视器：背景位置x：中心+102

差不多吧

---

非常感谢

.css（'background-position-x'，（viewportWidth/2）-偏移量）

？你已经知道了，对吧

jQuery（window）.width（）提供屏幕大小。如果你说的是以厘米为单位的实际尺寸，那是不可能的。您需要显示器显示区域的确切大小，操作系统中不提供，尤其是浏览器中不提供。您的视口宽度是屏幕宽度，那么“屏幕大小”是什么意思？大家好。我做了一个编辑，希望能把事情弄清楚一点？