我需要在屏幕中央放置一个背景图像 + 基于屏幕分辨率的一些偏移量,以使其与设计元素一起使用。这是我到目前为止所拥有的:
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
类似的东西。
非常感谢!