Question

我正在尝试修改现有的工作JS（https://github.com/mattnish/rad）以按宽度按比例缩放，而不是进行逻辑转换，div会随着窗口大小的改变而继续增长，所以源继续扩展以适应，从不匹配窗口。宽度缩放仍然适用于正确的逻辑。我应该用什么来代替div高度，或者我只是在做数学上的错误？

Fiddle是https://jsfiddle.net/0jm4a7ob/17/，但缩放代码在小提琴中不起作用（即使是最初的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;

非常感谢任何帮助。

Answer 1

改变pHeight = this.adParent.height（）;到pHeight = $（窗口）.height（）;解决了这个问题。 div显然总是在页面边缘几个像素并弄乱了逻辑。

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

1 个答案: