Question

这是一个简单的jquery问题：当我的div #wrapper具有特定的height（=浏览器高度 - 129px）时，我想设置内部div {width #object 1}}也自动（因为我需要一个宽度让对象读出来）

html示例：

<div id="wrapper">

 <div id="object"> </div>

</div>

示例（jquery）：

$("#wrapper").css({height:(($(window).height())-129)+'px'});
$("#object").css({width: [ CALCULATION ], height: ($("#wrapper").height())+'px'})

图片的原始比例为：1600x1080

这是附件的链接，看看它（tinypic）： http://www.imgplace.com/...age1.png

附加信息：

您可以在附件中看到的高度500px，600px和700px只是示例，高度也可以是711px，623px，{ {1}}等。

我的数学技能不是很好，如果有人可以帮助我，那就太棒了

亲切的问候，

汉斯： - ）

Answer 1

我认为您想要的计算是Math.round($("#wrapper").height() * 1600 / 1080)。

Answer 2

您可以直接使用jQuery.width和jQuery.height功能代替jQuery.css功能。此外，您可以将div#object的高度定义为100％，这样您就不必专门设置它......

$("#wrapper").height($(window).height()-129);
$("#object").width(Math.floor($("#wrapper").height() * 1600 / 1080))
            .height($("#wrapper").height());

计算物体的比例宽度（比例：1600x1080）

2 个答案: