背景画像を画面の中央に配置する必要があります + 画面の解像度に基づいたオフセットを加えて、デザイン要素で機能させる必要があります。これが私がこれまでに持っているものです:
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: 中央 + 24
1152 台のモニター: background-position-x: 中央 + 32
1400 モニター: background-position-x: 中央 + 102
そんな感じ。
どうもありがとう!