垂直响应图像（最大高度）在 Firefox 中不起作用

Question

我正在寻找一种方法将图像设置为浏览器窗口的 100% 高度（底部有一个小填充），以页面为中心。

我在 codepen 中设置了一个示例，该示例在 Chrome 和 Safari 中效果很好，但在 Firefox 中效果不佳，图像以全尺寸显示。我错过了什么？

http://cdpn.io/sHJhl

Answer 1

.photo-bkg 也需要它的height 集：

.photo-bkg { height: 100%; }

Here's a working fork of your pen.