显示：flex不调整铬和手机的高度

Question

我希望我的两行页脚能够根据屏幕尺寸进行调整，可以完美地与firefox配合使用，但是由于某些原因，铬和移动设备只能调整每个图像的宽度（高度仍为最大高度值）。

CSS：

.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.footer-row{
    display: flex;
    padding-top: 10px;
    justify-content: center;
}

.footer-image{
    min-width: 0;
    min-height: 0;
}

HTML：

<div class="footer">
    <div class="footer-row">
        <img src="./img/footer/ipl.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/ciic.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/carme.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/ips.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/coimbra.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/batalha1.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/batalha.png" style="max-height: 55px" class="footer-image">
    </div>
    <div class="footer-row">
        <img src="./img/footer/fct.png" style="max-height: 50px" class="footer-image">
        <img src="./img/footer/compete.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/portugal.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/ue.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/ue_fundo.png" style="max-height: 55px" class="footer-image">
    </div>
</div>

谢谢