REGISTER / login

Front-end template backend template wordpress template dedecmstemplate phpcms template Discuz template phpwindtemplate ecshop template shopex template zblog template Bootstrap template Other templates

php development editor php development environment (integrated) Programmer's Aid Tools PHP framework

Pagination library Picture library Verification code library File upload class library String processing class ip library Category library caching library Template engine library Database operation class QR code curl class library File processing library Data validation library Encryption and decryption class library Security class library Mail class library Other libraries

banner picture Icon material HD pictures button material psd material font material Vector material PNG material

vip courseware source code Courseware source code php e-book Web page production database

current location：PHP Chinese website download site > Online toolbox > UI size specifications

UI size specifications

UI size specifications

iPhone/iPad/Android design size specifications

iPhone interface size

equipment	Resolution	PPI	Status bar height	Navigation bar height	Tab bar height
iPhone6 plus design version	1242×2208 px	401PPI	60px	132px	146px
iPhone6 plus enlarged version	1125×2001 px	401PPI	54px	132px	146px
iPhone6 plus physical version	1080×1920 px	401PPI	54px	132px	146px
iPhone6	750×1334 px	326PPI	40px	88px	98px
iPhone5 - 5C - 5S	640×1136 px	326PPI	40px	88px	98px
iPhone4 - 4S	640×960 px	326PPI	40px	88px	98px
iPhone & iPod Touch first generation, second generation, third generation	320×480 px	163PPI	20px	44px	49px

iPhone icon size:

equipment	App Store	Program Application	Home screen	Spotlight Search	Tab bar	Toolbar and Navigation Bar
iPhone6 Plus (@3×)	1024×1024 px	180×180 px	114×114 px	87×87 px	75×75 px	66×66 px
iPhone6 (@2×)	1024×1024 px	120×120 px	114×114 px	58×58 px	75×75 px	44×44 px
iPhone5 - 5C - 5S (@2×)	1024×1024 px	120×120 px	114×114 px	58×58 px	75×75 px	44×44 px
iPhone4 - 4S (@2×)	1024×1024 px	120×120 px	114×114 px	58×58 px	75×75 px	44×44 px
iPhone & iPod Touch first generation, second generation, third generation	1024×1024 px	120×120 px	57×57 px	29×29 px	38×38 px	30×30 px

iPad design size

equipment	size	Resolution	Status bar height	Navigation bar height	Tab bar height
iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2	2048×1536 px	264PPI	40px	88px	98px
iPad 1 - 2	1024×768 px	132PPI	20px	44px	49px
iPad Mini	1024×768 px	163PPI	20px	44px	49px

iPad icon size:

equipment	App Store	Program Application	Home screen	Spotlight Search	Tab bar	Toolbar and Navigation Bar
iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2	1024×1024 px	180×180 px	144×144 px	100×100 px	50×50 px	44×44 px
iPad 1 - 2	1024×1024 px	90×90 px	72×72 px	50×50 px	25×25 px	22×22 px
iPad Mini	1024×1024 px	90×90 px	72×72 px	50×50 px	25×25 px	22×22 px

324234sdfsdfasdf Send away the scholar-bureaucrats Send away the scholar-bureaucrats

Dimensions of Android SDK emulator

Screen size	Low Density (120)	Medium density (160)	High Density (240)	Super high density (320)
small screen	??QVGA（240×320）		?????480×640
Normal screen	WQVGA400 (240×400) WQVGA432 (240×432)	??HVGA（320×480）	WVGA800 (480×800) WVGA854 (480×854) 600×1024	??640×960
big screen	WVGA800(480×800) WVGA854(480×854)	WVGA800(480×800) WVGA854(480×854) 600x1024
Super large screen	???1024×600	1024×768 1280×768WXGA (1280×800)	1536×1152 1920×1152 1920×1200	2048×1536 2560×1600

Android icon size

Screen size	Start icon	Action bar icon	Context icon	System notification icon (white)	The thinnest strokes
320×480 px	48×48 px	32×32 px	16×16 px	24×24 px	Not less than 2 px
480×800px 480×854px 540×960px	72×72 px	48×48 px	24×24 px	36×36 px	Not less than 3 px
720×1280 px	48×48 dp	32×32 dp	16×16 dp	24×24 dp	Not less than 2 dp
1080×1920 px	144×144 px	96×96 px	48×48 px	72×72 px	Not less than 6 px

Android Android system dp/sp/px conversion table

name	Resolution	Rate rate (for 320px)	Rate rate (for 640px)	Rate rate (for 750px)
idpi	240×320	0.75	0.375	0.32
mdpi	320×480	1	0.5	0.4267
hdpi	480×800	1.5	0.75	0.64
xhdpi	720×1280	2.25	1.125	1.042
xxhdpi	1080×1920	3.375	1.6875	1.5

Mainstream Android phone resolutions and sizes

equipment	Resolution	size	equipment	Resolution	size
MeizuMX2	4.4 inches	800×1280 px	MeizuMX3	5.1 inches	1080×1280 px
MeizuMX4	5.36 inches	1152×1920 px	Meizu MX4 ProUnlisted	5.5 inches	1536×2560 px
Samsung GALAXY Note 4	5.7 inches	1440×2560 px	Samsung GALAXY Note 3	5.7 inches	1080×1920 px
Samsung GALAXY S5	5.1 inches	1080×1920 px	Samsung GALAXY Note II	5.5 inches	720×1280 px
SonyXperia Z3	5.2 inches	1080×1920 px	SONYXL39h	6.44 inches	1080×1920 px
HTC Desire 820	5.5 inches	720×1280 px	HTC One M8	4.7 inches	1080×1920 px
OPPO Find 7	5.5 inches	1440×2560 px	OPPO N1	5.9 inches	1080×1920 px
OPPO R3	5 inches	720×1280 px	OPPO N1 Mini	5 inches	720×1280 px
Xiaomi M4	5 inches	1080×1920 px	Xiaomi Redmi Note	5.5 inches	720×1280 px
Xiaomi M3	5 inches	1080×1920 px	Xiaomi Redmi 1S	4.7 inches	720×1280 px
Xiaomi M3SUnlisted	5 inches	1080×1920 px	Xiaomi M2S	4.3 inches	720×1280 px
HUAWEI Honor 6	5 inches	1080×1920 px	Hammer T1	4.95 inches	1080×1920 px
LG G3	5.5 inches	1440×2560 px	OnePlus One	5.5 inches	1080×1920 px

主流浏览器的界面参数与份额

浏览器	状态栏	菜单栏	滚动条	市场份额(国内)
Chrome 浏览器	22 px（浮动出现）	60 px	15 px	8%
火狐浏览器	20 px	132 px	15 px	1%
IE浏览器	24 px	120 px	15 px	35%
360 浏览器	24 px	140 px	15 px	28%
遨游浏览器	24 px	147 px	15 px	1%
搜狗浏览器	25 px	163 px	15 px	5%

系统分辨率统计

分辨率	占有率	分辨率	占有率
1366×768	15%	1440×900	13%
1920×1080	11%	1600×900	5%
1280×800	4%	1280×1024	3%
1680×1050	2.8%	320×480	2.4%
480×800	2%	1280×768	1%

>> 查看最新分辨率使用情况

Web comments

Latest comments