そのdiv
ため、ページの中央(水平方向の中央に配置されていますが、垂直方向には配置されていません)に配置され、デバイスが600pxより大きくなるまで、デバイスの幅に合わせて拡大縮小されます。その後、幅は600ピクセルのdiv
ままになり、ウィンドウがいくら大きくなってもウィンドウの中央に留まります。
私がやりたいのは、背景画像を常にこのスケーリングの左下に配置されるように配置することですdiv
(ページの背景ではなくページの背景div
)。これを行うにはJavaScriptを使用する必要があると思いますが、正確にはわかりません。私は次のようなことをする必要があるかもしれないと思います:
var divWidth = document.getElementById('theScalingDiv').offsetWidth;
var pageWidth = document.clientWidth;
var xCoord = (pageWidth/2) - (divWidth/2);
次に、絶対測位を使用して、スケーリングの高さdiv
と計算されたに応じて背景画像を配置できますxCoord
。これはうまくいくように聞こえますか?