1920 *108021.5 widescreen

1024*768 standard screen

600* 1024 flat panel display

320*480 mobile phone screen

Then, you need to design two sizes, namely 1440*900 small widescreen,1000 * 600,600 *1024 flat and vertical version, and limit the area according to the equipment UI, so that both horizontal and vertical versions can use (* * template module to do content.

Generally speaking, I prefer to use the size of 1400*N000 for computer-side pages, and the content is limited to 960 or 1200, so that the renderings look good on all interfaces (if the width is 1920, the white edges on both sides are very large, and 1024 is too narrow).

For handheld devices, it is enough to design a layout because it is a vertical screen. In the handheld interface, the width is usually not limited, so as to make full use of the screen width and height adaptation, and automatically adjust the content height according to the width. Moreover, when making a static page, the size of the page is also defined by a percentage.