The mobile browser looks like a messed up version_html/css_WEB-ITnose

The main thing I want to know is that for a web page, click on the homepage icon to pop up a centered floating box, and the new web page is tiled in the box.
It is fine on the PC and the formatting is correct. However, when accessed through a mobile browser, I find that the formatting in the box is confusing. The frames and pages are all wrong, it's a mess.
Have you ever made a webpage with this format? Please give me some advice~~

Reply to the discussion (solution)

Go and have a look at bootcss. com

What you are talking about is called responsive design, which is to create web pages that are compatible with mobile phones and computers, and browsers of various sizes.

Go check out bootcss.com

What you are talking about is called responsive design, which is to create web pages that are compatible with mobile phones and computers, and browsers of various sizes.

Okay, I'll check it out first, thank you~

Go check out bootcss.com

What you are talking about is called responsive design, which is production Compatible with mobile phones and computers, and web pages of various sizes of browsers.

I looked carefully at the techniques mentioned above and also looked at my code.

This is not a responsive design, but a design based on JQuery. It's just that the layout of the newly popped-up page is transparent, causing it to be mixed with the pages below.

I try to change the background color of the pop-up page first.