就是利用padding的百分比值基于父容器宽度的特性，

给div的after伪元素或者子元素一个padding-top:100% 的值，

这样就把高撑的和宽度一样了

比如:

<div class="col-xs-5">
    <div style="padding-top:100%;position:relative">
        <div style="display: flex;justify-content: center;flex-direction: column;box-shadow: 0 2px 5px rgb(0 0 0 / 20%);position:absolute;top:0;width:100%;height:100%;">
            <img class="show1" src="/res/goodsimg/161148677212820.jpg" style="width:100%;">
        </div>
    </div>
</div>