The site is displayed incorrectly within the borders of the screen on the ipad

Question

iOS

I've been struggling for a day now and I can't figure it out. The site is laid out with a fixed width of 1024. But on the ipad, if you rotate the screen, the site does not change the width across the screen, but becomes enlarged. and such garbage occurs only if the height of the site is less than the height of the screen. if the height is greater then the site correctly changes the width across the screen. what is the problem? maybe someone has already encountered. Google hasn't returned any results...

Answer 1

Try adding a meta tag:
<meta name="viewport" content="width=device-width, initial-scale=1">

Answer 2

solved a problem. maybe it will be useful for someone too. everything was very simple. there was a div in the center of the screen, which actually contained everything else. just added max-width: 1024px