How to fix layout distortion when changing orientation on iPhone 4?

Question

css

The essence of the problem is this: we have a design and layout for portrait orientation of phones, everything works ok.
But when we change the orientation to landscape on the iPhone 4, naturally it looks crooked, but the problem is that when we return back to portrait orientation, we see something in between portrait and landscape.
The problem is only on the iPhone. On other OS and browsers, everything is ok, and when switching from landscape to portrait, everything returns as it should.
There are no media queries for orientation in the code.
neemble.ru/mb/index.php - we look from the phone. Doesn't work in the simulator.

Screenshot attached

Answer 1

Why don't you use media queries? They can help you in this case.

Answer 2

Not sure, but maybe this will help (taken from normalize )

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}