Currently, a project has been made, the interface is as follows:
This is done using frameset. No problems were found in development under wide screen. It was not until a user tested the machine with 800*600 and found that the entire interface was deformed.
At that time, the entire frameset page was only 600 pixels in height, and a scroll bar appeared in the frameset nested frame, which was really ugly. How to set the height of the frameset so that the nested frame page has no scroll bars, and the frameset has scroll bars?
The height of frameset cannot be set, for example: <frameset rows=110,* style=height: 1900px;>. At this time, the page is still the height of the screen, not 1900px; setting the height of the frameset body is also invalid. What to do? I have been waiting for many days and haven't found the answer, so this question has been put on hold. I also thought of asking the artist to replace frameset with DIV+CSS, but I was afraid that there might be too much content involved and the workload of the replacement might be large, so I had to give up.
Inspiration is really strange. It can’t be stopped even if it comes. Just after this question was released for a month, it suddenly came today, and it still brought an iframe when it came. When I nest framesets and set the height of the iframese page, the effect really comes out. Now share the solution with colleagues who encounter the same problems but cannot solve them.
1. Frameset page (inner.html)
Copy the code