Jquery 基于窗口高度的缩放（CSS变换）iframe

我试图修改现有的工作JS以按宽度缩放到按高度缩放，而不是进行逻辑转换，div会随着窗口大小的改变而继续增长，因此源会继续缩放以适应，而不会与窗口匹配。按宽度缩放仍然适用于正确的逻辑。我应该用什么来代替div高度，还是我的数学有问题

Fiddle是，但扩展代码在Fiddle中甚至在原始JS中也不起作用，而是作为自己的文件工作 我添加的代码是：

var pHeight=this.adParent.height();
pHeight-=parseInt(this.adParent.parent().css("marginTop").replace("px",""))+parseInt(this.adParent.parent().css("marginBottom").replace("px",""));
var newScale=pHeight/this.adHeight-0.001;
var newWidth=pHeight*this.adWidth/this.adHeight;
var newHeight=this.adHeight*newWidth/this.adWidth;

---

非常感谢您的帮助。

更改pHeight=this.adParent.height；到pHeight=$window.height；解决了这个问题。div显然总是在页面边缘上有几个像素，这会弄乱逻辑