缩放高度，宽度不受约束

Question

我正在尝试将图像的高度缩放到其宽度。问题是宽度随用户的窗口大小而变化（一切都是％大小并继承），并且没有高度可以继承，因为高度取决于内容。我可以设置一个高度，但是这会使缩放整个网站以适应任何窗口大小的目的失败。

我希望图像的高度和幻灯片元素可以缩放到幻灯片元素和/或图像宽度的75％。

**

这是一个小提琴链接：http://jsfiddle.net/eleventhend/t8Udg/

**

这似乎是我能找到的最相关的反应，但我无法与它合作。我真的不懂Java，所以问题可能就是我的实现。

CSS scale height to match width - possibly with a formfactor

编辑：已解决！

我想出了一个解决方法。这是：

#preset {
margin: 50px auto;
height: 0px;
padding-bottom: 60%; /* proportional scaling */
position:relative;
width: 90%;
box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#slideshow { 
margin: 50px auto; 
position: relative; 
width: 100%;
height: 100%;
padding-bottom: 0px; 
}

然后，打开div预设，然后打开div幻灯片。工作就像一个魅力！