垂直响应图像（最大高度）在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