Multi Terminal Adaptive Layout Based on HTML 5 and CSS3

Layout is a key link in web page design. In addition to PC, there are a large number of mobile terminals for accessing web pages. When the fixed layout is migrated to the mobile terminal, the user experience is likely to be insufficient. For these devices with different resolutions, CSS3 technology adopts different methods to solve the problem. This paper proposes a responsive layout solution based on HTML 5+ CSS3. First, use HTML5 semantic structural tags to transform DIV tags with semantic requirements in fixed layouts. Then through CSS3's media query and flexible layout, we design the responsive layout of the web page layout, and set the responsive code for pictures and text. The experimental research shows that this scheme realizes the free switching and smooth transition of web pages between different terminals and improves the user experience.