IPAD viewport problem between portraits and landscape

I have a web page that appears on the ipad. I added this meta for the viewport:

It works very well in portraits, and then it also works normally when ipad enters landscape mode. The problem is , When I go back to portrait from landscape, the page is stretched, which means that some parts of the page leave the screen in portrait mode. I have to double-click the screen to return to normal view.

Then I tried:

But its width is not enough in portrait mode. When the icon/text should have only one line, the icon/text will wrap to 2 lines. It’s all gathered together. Any suggestions?

Have you tried something like this:

I have A web page that appears on the ipad. I added this meta for the viewport:

It works very well in portrait, then it also works normally when ipad enters landscape mode. The problem is, when I go back to portrait from landscape, the page is pulled Stretching, which means that some parts of the page leave the screen in portrait mode. I have to double-tap the screen to return to normal view.

Then I tried:

But in portrait mode its width is not enough, when the icon When the /text should have only one line, the icon/text will wrap to 2 lines. It is all gathered together. Any suggestions?

Have you tried something like this:

Leave a Comment

Your email address will not be published.