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

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

我在codepen中建立了一个例子，它在Chrome和Safari中工作得很好，但在Firefox中却不行，在Firefox中，图像以全尺寸显示。我错过了什么

---

。photo bkg

还需要设置其

高度：

.photo-bkg { height: 100%; }

.
。photo bkg
还需要其
高度设置：

.photo-bkg { height: 100%; }