Height 100% on html/body is not working on iPhone

Question

I have created a responsive website using Foundation with a footer that is absolutely positioned on the bottom of the page. On my desktop browsers, it looks exactly like it

Answer 1

You could use:

height: 100vh;

which will be 100% viewport height.

Browser compability: http://caniuse.com/#search=vh