小编Roh*_*ith的帖子
保持子div的纵横比与父div的高度和宽度变化
我想创建一个 div 来保持纵横比与父级的高度和宽度变化。
在上面的 gif 中，您可以看到我能够在更改宽度时保持框 div 的纵横比，但在更改父级的高度时无法保持它。
.box {
width: 100px;
background-color: #dfdfdf;
max-width: 100%;
}
.box:after {
content: '';
display: block;
width: 100%;
height: 100%;
padding-bottom: 160%;
}
.wrap9 {
width: 125px;
height: 190px;
}<div class="wrap9">
<div class="box"></div>
</div>我希望灰色框的行为如下：
5
推荐指数
推荐指数
1
解决办法
解决办法
1923
查看次数
查看次数