Mobile web design size_html/css_WEB-ITnose

Under the common resolution of 1024×768 in Window XP, the average first screen height of the remaining web page after removing the taskbar, browser menu bar and status bar is 584.

Under the common resolution of 1440×900 in Windows 7, the average height of the remaining web page after removing the taskbar, browser menu bar and status bar is 716.

In terms of design, select a suitable size as normal size and medium screen density (the size selection is based on the hardware you intend to adapt to, it is recommended to refer to the current mainstream hardware resolution), and then go down and Make upwards small, large, extra large and low, high, extra high sizes and densities.

Design size of iPhone webpage

iPhone5 size is 640x1136px and resolution is 326PPI
iPhone4 and iPhone4S size is 640x960px and resolution is 326PPI
iPhone and iPod Touch first generation, third generation The size of the second and third generations is 320x480px and the resolution is 163PPI

Design size of Android web pages

320dp: an ordinary mobile phone screen (240X320, 320×480, 480X800)

480dp: a middle tablet like (480×800)

600dp: 7 inch tablet (600×1024)

720dp: 10 inch tablet ( 720×1280, 800×1280)

Design size of ipad webpage

The size of iPad third and fourth generation is 2048x1536px and the resolution is 264PPI
The size of iPad first and second generation is 1024x768px resolution is 132PPI
iPad Mini size is 1024x768px resolution is 163PPI