Mobile Web Design Dimensions

At the Window XP Common resolution 1024x768, we get rid of the taskbar, the browser menu bar and the status bar to the left of the top screen height average is 584.

In the window 7 Common resolution 1440x900 We get rid of the taskbar, the browser menu bar and the status bar, the remaining page height of the first screen is 716.

In the design, choose a suitable size as normal and medium screen density (the size of the selection according to the hardware to be adapted, it is recommended to refer to the current mainstream hardware resolution), and then down and up small, large, big and low, high, ultra-high size and density.

Design dimensions for iphone web pages

IPhone5 size is 640x1136px resolution is 326PPI
IPhone4 and iphone4s size is 640x960px resolution is 326PPI
iphone and Ipodtouch first generation, second generation, third generation size is 320x480px resolution is 163PPI

Design size of Android Web page

• 320DP: A normal phone screen (240x320,320x480,480x800)
• 480DP: An intermediate tablet image (480x800)
• 600dp:7 inch Tablet PC (600x1024)
• 720dp:10 inch Tablet PC (720x1280,800x1280)

Design dimensions for ipad Web pages

ipad third generation fourth generation size is 2048X1536PX resolution is 264PPI
ipad first generation second generation size is 1024x768px resolution is 132PPI
IPad Mini Size is 1024x768px resolution is 163PPI

Mobile Web Design Dimensions