height) not working in Firefox

2018-06-23 00:00:58

I'm looking for a way to set an image to the 100% height of the browser window (with a small padding at the bottom), centred on the page.

I've set up an example in codepen, which works great in Chrome and Safari, but not Firefox, where the image shows at full size. What am I missing?

http://cdpn.io/sHJhl

.photo-bkg also needs its height set:

.photo-bkg { height: 100%; }

Here's a working fork of your pen.

链接地址: http://www.djcxy.com/p/64502.html