我可以根据高度设置 div 块的宽度吗？

【问题标题】：Can I set the width of a div block depending on it's height?我可以根据高度设置 div 块的宽度吗？
【发布时间】：2017-09-07 21:42:59
【问题描述】：

有什么方法可以根据高度设置 div 块的宽度？

例如，我有一个高度取决于父级的块，我想根据它的高度设置它的宽度。

【问题讨论】：

仅由 javascript 提供
不仅仅是css。您将需要 javascript，或使用服务器端代码计算它（尽管后者需要它是您在渲染之前知道的固定大小）
使用 css，您只能根据高度或宽度设置比例，但更多您将需要 javascript。检查此链接：mademyday.de/css-height-equals-width-with-pure-css.html

标签： html css height width

【解决方案1】：

这里有一个技巧，你可以在孩子中添加一个 1:1 的图像

.parent {
    height: 250px;
}

.child {
    height: 100%;
    display: inline-block;
    background:#333;
}

.child img {
    height: 100%;
    position: relative;
    opacity:0;
}

<div class="parent">
<div class="child">
<img src="https://dummyimage.com/350x350/ffffff/ffffff" />
</div>
</div>

【讨论】：

当然你可以通过增加父母身高来检查

【解决方案2】：

我会使用相对于窗口宽度的宽度和高度。像这样：

分区{ 宽度：50vw；高度： }

【讨论】：