In terms of design, choose an appropriate size as normal size and medium screen density. Select the size according to the hardware to be adapted.
In terms of design, choose an appropriate size as normal size and medium screen density. Select the size according to the hardware to be adapted. It is suggested to refer to the current mainstream hardware resolution, and then make small, large, super-large and low, high and ultra-high sizes and densities downward and upward. Do you know that?/You know what? The following is some information I have compiled about the design size of mobile web pages for your reference.
Design method of mobile phone web page size;
Design size of iPhone web page
IPhone5 has a size of 640x 1 136px and a resolution of 326PPI.
The size of IPhone4 and iPhone4S is 640x960px, and the resolution is 326PPI.
The first generation, the second generation and the third generation of iPhone and iPodTouch have dimensions of 320x480px and resolution of 163PPI.
Design Dimensions of Android Web Pages
320dp: An ordinary mobile phone screen is 240x320,320x480,480x800.
480dp: A mid-level tablet computer looks 480×800.
600dp: 7-inch tablet 600× 1024
720 DP: 10 inch tablet 720×1280,800×1280
Design size of ipad web page
The dimensions of the third and fourth generations of iPad are 2048x 1536px, and the resolution is 264PPI.
The size of the first and second generation iPad is 1024x768px, and the resolution is 132PPI.
The IPad Mini has a size of 1024x768px and a resolution of 163PPI.