Responsive website on iPhone - unwanted white space on rotate from landscape to portrait

Question

I am creating a responsive website, and have just noticed a strange behaviour in my content pages when viewed on the iPhone. It scales correctly when loaded in portrait mode

Answer 1

Fixed! Had a similar problem. Fixed it by setting the width to a current device width.

body, html {
  max-width: 100vw;
  margin: 0 auto;
  overflow-x: hidden;
}