为什么此图像在flex-wrap值不同于wrap的容器内调整大小？

Question

我正在使用Bootstrap 4，我注意到当我将<img>放在<div class="row"> flex-wrap: nowrap内时，Firefox会自动调整图像大小。代码和笔链接如下。

为什么Firefox会这样做，它如何计算调整大小比例以及如何让它停止？

Codepen with issue（比较上图和下图）

Screenshot on Firefox 59

＆＃13;

＆＃13;

    .nowrap {
    	flex-wrap: nowrap;
    }

＆＃13;

    <div class="container">
    	<div class="row nowrap">
    		<img src="https://www.w3schools.com/howto/img_fjords.jpg">
    		Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse
    a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada
    ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna.
    Vestibulum commodo volutpat a, convallis ac, laoreet enim.
    	</div>
    </div>

＆＃13;

＆＃13;

＆＃13;