0

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

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

**

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

**

这似乎是我能找到的最相关的回应，但我无法让它与我的合作。我不太了解Java，所以问题可能出在我的实现上。

CSS缩放高度以匹配宽度 - 可能与外形尺寸

编辑：解决了！

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

#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 幻灯片。像魅力一样工作！

4

0 回答 0