Question

我需要一些帮助/想法来解决这个问题......

我有一个PSD设计。尺寸：1504x1070

我必须制作一个比例相同的HTML / CSS模板。我在jQuery中使用了“三规则”来调整大小，并根据我的屏幕分辨率定位元素。

问题是，Image2在Image1上...并且它应该在它下面。

我在我的css中设置了这个规则，图像高度正在调整大小确定：max-width：100％

这是我的jquery代码：

// Image1 width in PSD: 496 , height to top in PSD: 154
// Image2 width in PSD: 374 , height to top in PSD: 493
// Call for Image1 div container: calculateWidth(496); calculateTop(154)
// Same for Image2 div container.


function calculateWidth(px){
    var width = $(window).width();

    var design_width = 1504;

    var step1 = width * px;
    var step2 = step1 / design_width;

    return step2;
}

function calculateTop(px){
    var height = $(window).height();

    var design_height = 1070;

    var step1 = height * px;
    var step2 = step1 / design_height;

    return step2;
}

知道如何获得这个吗？谢谢！

修改我做了一个简单的图片，你可以看到问题：

http://cl.ly/image/3l2y0k1U2W2j

响应和绝对定位

0 个答案: