Flexbox中的页面在Chrome中的显示方式不同

Question

Chromium中的类缩略图中的图像显示比Firefox中更大。为什么这个问题？好像Flexbox在Chrome中无法正常工作。提前谢谢！

＆＃13;

＆＃13;

.thumbnail {
  display: flex;
}

.thumbnail img {
  flex: 1;
}

.immagine {
  width: 100%;
  height: 50%;
}

＆＃13;

<div class="immagine">
 <img src='https://mdn.github.io/learning-area/javascript/building-blocks/gallery/images/pic2.jpg' alt="">
</div>
<div class="thumbnail">
  <img src='https://mdn.github.io/learning-area/javascript/building-blocks/gallery/images/pic2.jpg' alt="">
  <img src='https://mdn.github.io/learning-area/javascript/building-blocks/gallery/images/pic2.jpg' alt="">
  <img src='https://mdn.github.io/learning-area/javascript/building-blocks/gallery/images/pic2.jpg' alt="">
  <img src='https://mdn.github.io/learning-area/javascript/building-blocks/gallery/images/pic2.jpg' alt="">
  <img src='https://mdn.github.io/learning-area/javascript/building-blocks/gallery/images/pic2.jpg' alt="">
</div>

＆＃13;

＆＃13;

＆＃13;