Mobile Web Design Dimensions

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.