Mobile Device Dimension Specification Summary

Source: Internet
Author: User
Tags home screen

iphone interface Size
Equipment resolution PPI Status Bar Height Navigation Bar Height tab Bar Height
IPhone6 Plus Design version 1242x2208 px 401PPI 60px 132px 147px
IPhone6 Plus in a larger version 1125x2001 px 401PPI 54px 132px 147px
IPhone6 Plus physical version 1080x1920 px 401PPI 54px 132px 146px
IPhone6 750x1334 px 326PPI 40px 88px 98px
Iphone5–5c–5s 640x1136 px 326PPI 40px 88px 98px
Iphone4–4s 640x960 px 326PPI 40px 88px 98px

IPhone & IPod Touch First generation, second generation, third generation

320x480 px 163PPI 20px 44px 49px

iphone icon Size: Toolbars
Equipment App Store Program Application Home Screen Spotlight Search Tab Barand navigation bars
IPhone6 Plus (@3x) 1024x1024 px 180x180 px 114x114 px 87x87 px 75x75 px 66x66 px
IPhone6 (@2x) 1024x1024 px 120x120 px 114x114 px 58x58 px 75x75 px 44x44 px
Iphone5–5c–5s (@2x) 1024x1024 px 120x120 px 114x114 px 58x58 px 75x75 px 44x44 px
Iphone4–4s (@2x) 1024x1024 px 120x120 px 114x114 px 58x58 px 75x75 px 44x44 px

IPhone & IPod Touch First generation, second generation, third generation

1024x1024 px 120x120 px 57x57 px 29x29 px 38x38 px 30x30 px

Design size of ipad
Equipment Dimensions resolution Status Bar Height Navigation Bar Height tab Bar Height

IPad 3–4–5–6–air–air2–mini2

2048x1536 px 264PPI 40px 88px 98px
IPad 1–2 1024x768 px 132PPI 20px 44px 49px
IPad Mini 1024x768 px 163PPI 20px 44px 49px

ipad icon Size: Toolbars
Equipment App Store Program Application Home Screen Spotlight Search Tab Barand navigation bars

IPad 3–4–5–6–air–air2–mini2

1024x1024 px 180x180 px 144x144 px 100x100 px 50x50 px 44x44 px
IPad 1–2 1024x1024 px 90x90 px 72x72 px 50x50 px 25x25 px 22x22 px
IPad Mini 1024x1024 px 90x90 px 72x72 px 50x50 px 25x25 px 22x22 px

Size of Android SDK simulator
Screen Size Low Density (+) medium Density (weight) High Density (+) Ultra High Density (+)
Small screen QVGA (240x320) 480x640
Normal screen WQVGA400 (240x400)
WQVGA432 (240x432)
HVGA (320x480) WVGA800 (480x800)
WVGA854 (480x854)
600x1024
640x960
Big screen WVGA800 * (480x800)
WVGA854 * (480x854)
WVGA800 * (480x800)
WVGA854 * (480x854)
600x1024
Oversized screen 1024x600 1024x768
1280X768WXGA (1280x800)
1536x1152
1920x1152
1920x1200
2048x1536
2560x1600
Icon size for Android
Screen Size Start icon Action Bar icon context Icon system notification icon (white) most fine strokes
320x480 px 48x48 px 32x32 px 16x16 px 24x24 px No less than 2 px
480x800px
480x854px
540x960px
72x72 px 48x48 px 24x24 px 36x36 px No less than 3 px
720x1280 px 48x48 DP 32x32 DP 16x16 DP 24x24 DP No less than 2 DP
1080x1920 px 144x144 px 96x96 px 48x48 px 72x72 px No less than 6 px
Android System dp/sp/px Conversion table
name resolution ratio rate (for 320px) ratio rate (for 640px) ratio rate (for 750px)
idpi 240x320 0.75 0.375 0.32
mdpi 320x480 1 0.5 0.4267
hdpi 480x800 1.5 0.75 0.64
xhdpi 720x1280 2.25 1.125 1.042
xxhdpi 1080x1920 3.375 1.6875 1.5
Mainstream Android phone resolution and size
Equipment Dimensions resolution Equipment Dimensions resolution
Meizu MX2 4.4 inch 800x1280 px Meizu MX3 5.1 inch 1080x1800 px
Meizu MX4 5.36 inch 1152x1920 px Meizu MX4 Pro not listed 5.5 inch 1536x2560 px
Samsung Galaxy Note 4 5.7 inch 1440x2560 px Samsung Galaxy Note 3 5.7 inch 1080x1920 px
Samsung Galaxy S5 5.1 inch 1080x1920 px Samsung Galaxy Note II 5.5 inch 720x1280 px
Sony Xperia Z3 5.2 inch 1080x1920 px Sony xl39h 6.44 inch 1080x1920 px
HTC Desire 820 5.5 inch 720x1280 px HTC One M8 4.7 inch 1080x1920 px
OPPO Find 7 5.5 inch 1440x2560 px OPPO N1 5.9 inch 1080x1920 px
OPPO R3 5 inch 720x1280 px OPPO N1 Mini 5 inch 720x1280 px
Millet M4 5 inch 1080x1920 px Millet Red Rice Note 5.5 inch 720x1280 px
Millet M3 5 inch 1080x1920 px Millet Red Rice 1S 4.7 inch 720x1280 px
Xiaomi M3s not listed 5 inch 1080x1920 px Millet M2s 4.3 inch 720x1280 px
Huawei Glory 6 5 inch 1080x1920 px Hammer T1 4.95 Inch 1080x1920 px
LG G3 5.5 inch 1440x2560 px OnePlus One 5.5 inch 1080x1920 px
Interface parameters and share of mainstream browsers
Browser status Bar Menu Bar scroll bar market Share (Domestic)
Chrome PX (floating appearance) px px 8%
Firefox browser px px px 1%
IE browser px + px px 35%
360 browser px px px 28%
Surfing the browser px 147 px px 1%
Sogou Browser px 163 px px 5%
System resolution Statistics
resolution Share resolution Share
1366x768 15% 1440x900 13%
1920x1080 11% 1600x900 5%
1280x800 4% 1280x1024 3%
1680x1050 2.8% 320x480 2.4%
480x800 2% 1280x768 1%
Page width and first screen height

This article transferred from: http://www.uigreat.com/guifan/

Reprint Please specify: Axure original tutorial Network» Mobile Device Size Specification Summary

Transfer from: Link

Mobile Device Dimension Specification Summary (RPM)

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.