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 can also make a screen specific style

@media screen {
  html, body {
     height: 100vh;
  }
}

More about media queries here http://cssmediaqueries.com/what-are-css-media-queries.html