Firefox没有使用max-width缩放img

Question

我发现flexbox的img后代定位了max-width：100％规则的项目并不适用于firefox。 我尝试过以下解决方案： Firefox 34+ ignoring max-width for flexbox 和， Firefox flexbox image width

由于代码很长，我写了一支笔：http://codepen.io/vandervals/pen/raXBNj 正如您在此笔中看到的，这对于小尺寸屏幕来说是个问题。我找到了一个不太优雅的解决方案：

img{
  max-width: 500px;
  width: 100%;
}

这种方法的问题在于，无论图像的实际尺寸如何，我们都会失去规则max-width的全局使用：每个图像100％。 有人解决了这个问题吗？