我正在尝试将图像的高度缩放到其宽度。问题是宽度随用户的窗口大小而变化（一切都是％大小并继承），并且没有高度可以继承，因为高度取决于内容。我可以设置一个高度，但是这会使缩放整个网站以适应任何窗口大小的目的失败。
我希望图像的高度和幻灯片元素可以缩放到幻灯片元素和/或图像宽度的75％。
**
**
这似乎是我能找到的最相关的反应，但我无法与它合作。我真的不懂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幻灯片。工作就像一个魅力！