显示flex Firefox - 内容不缩小

Question

我在Firefox中使用简单的flexbox布局有问题。 当您调整浏览器窗口大小时，父div .logos-grid 不会缩小，尽管在其他所有主流浏览器中都是如此。

html：

 <div class="grid">
      <div><img src="logo.png"></div>
      <div><img src="logo.png"></div>
      <div><img src="logo.png"></div>
      <div><img src="logo.png"></div>
      <div><img src="logo.png"></div>
 </div>

css：

.grid {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.grid img {
  max-width: 100%;
}

在codepen上演示：http://codepen.io/thomasoCZ/pen/VajQzJ?editors=1100

请帮助： - ）