前端,移动开发者,UI须懂: 不同设备的之间的尺寸

在开发前端,移动APP,以及设计UI的时候,我们经常会去搜索不同设备之间的尺寸,来开始自己的工作,以保证显示效果达到更好,这里收集了现在常用的设备.

设备更新速度快,有些没罗列的,大家可以谷歌或者百度一下.

常见智能手机

name

phys.
width

phys.
height

CSS
width

CSS
height

pixel
ratio

phys. ppi

CSS ppi

AppleiPhone 6	750	1334	375	667	2	326	192
AppleiPhone 5	640	1136	320	568	2	326	192
AppleiPhone 4	640	960	320	480	2	326	192
AppleiPhone 3	320	480	320	480	1	163	96
AppleiPod Touch	640	1136	320	568	2	326	192
LGG4	1440	2560	360	640	4	538	384
LGG3	1440	2560	360	640	4	538	384
LGOptimus G	768	1280	384	640	2	318	192
SamsungGalaxy Note 2	720	1280	360	640	2	267	192
SamsungGalaxy Note	800	1280	400	640	2	285	192
SamsungGalaxy S5	1080	1920	360	640	3	441	288
SamsungGalaxy S4	1080	1920	360	640	3	441	288
SamsungGalaxy S4 mini	540	960	360	640	1.5	256	144
SamsungGalaxy S3	720	1280	360	640	2	306	192
SamsungGalaxy S3 mini	480	800	320	533	1.5	233	144
SamsungGalaxy S2	480	800	320	533	1.5	217	144
SamsungGalaxy S	480	800	320	533	1.5	233	144
SamsungGalaxy Nexus	720	1200	360	600	2	316	192
LGNexus 5	1080	1920	360	640	3	445	288
LGNexus 4	768	1280	384	640	2	320	192
MicrosoftLumia 1020	768	1280	320	480	2.4	332	220
MicrosoftLumia 925	768	1280	320	480	2.4	332	220
MicrosoftLumia 920	768	1280	320	480	2.4	332	220
MicrosoftLumia 900	480	800	320	480	1.5	217	144
MicrosoftLumia 830	720	1280	320	480	2	294	192
MicrosoftLumia 620	480	800	320	480	1.5	252	144
HTCOne	1080	1920	360	640	3	468	288
HTC8X	720	1280	320	480	3	341	288
HTCEvo 3D	540	960	360	640	1.5	256	144
SonyXperia Z3	1080	1920	360	598	3	424	288
SonyXperia Z	1080	1920	360	640	3	443	288
SonyXperia S	720	1280	360	640	2	342	192
SonyXperia P	540	960	360	640	1.5	275	144
XiaomiMi 4	1080	1920	360	640	3	441	288
XiaomiMi 3	1080	1920	360	640	3	441	288
LenovoK900	1080	1920	360	640	3	401	288
PantechVega n°6	1080	1920	360	640	3	373	288
BlackberryLeap	720	1280	390	695	2	294	177
BlackberryPassport	1440	1440	504	504	3	453	274
BlackberryClassic	720	720	390	390	1.8	294	177
BlackberryQ10	720	720	346	346	2	328	192
BlackberryZ30	720	1280	360	640	2	295	192
BlackberryZ10	768	1280	384	640	2	355	192
BlackberryTorch 9800	360	480	360	480	1	187	96
ZTEGrand S	1080	1920	360	640	3	441	288
ZTEOpen (Firefox OS)	480	720	320	480	1.5	165	144

常见平板手机

name

phys.
width

phys.
height

CSS
width

CSS
height

pixel
ratio

phys. ppi

CSS ppi

AppleiPhone 6 Plus	1080	1920	414	736	3	401	249
MotorolaNexus 6	1440	2560	412	690	3.5	493	336
MicrosoftLumia 1520	1080	1920	432	768	2.5	367	240
SamsungGalaxy Note 4	1440	2560	360	640	4	515	384
SamsungGalaxy Note 3	1080	1920	360	640	3	386	288

常见平板电脑

name

phys.
width

phys.
height

CSS
width

CSS
height

pixel
ratio

phys. ppi

CSS ppi

AppleiPad Pro	2048	2732	1024	1366	2	265	192
AppleiPad 3, 4, Air	1536	2048	768	1024	2	264	192
AppleiPad 1, 2	768	1024	768	1024	1	132	96
AppleiPad mini 2, 3	1536	2048	768	1024	2	326	192
AppleiPad mini	768	1024	768	1024	1	163	96
SamsungGalaxy Tab 3 10"	800	1280	800	1280	1	149	96
SamsungGalaxy Tab 2 10"	800	1280	800	1280	1	149	96
SamsungGalaxy Tab (8.9")	800	1280	800	1280	1	170	96
SamsungGalaxy Tab 2 (7")	600	1024	600	1024	1	170	96
SamsungNexus 10	1600	2560	800	1280	2	300	192
HTCNexus 9	1538	2048	768	1024	2	281	192
AsusNexus 7 (v2)	1080	1920	600	960	2	323	192
AsusNexus 7 (v1)	800	1280	604	966	1.325	216	127
LGG Pad 8.3	1200	1920	600	960	2	273	192
AmazonKindle Fire HD 8.9	1200	1920	800	1280	1.5	254	144
AmazonKindle Fire HD 7	800	1280	480	800	1.5	216	144
AmazonKindle Fire	600	1024	600	1024	1	167	96
MicrosoftSurface Pro 3	1440	2160	1024	1440	1.5 / 1.4	216	144
MicrosoftSurface Pro 2	1080	1920	720	1280	1.5	207	144
MicrosoftSurface Pro	1080	1920	720	1280	1.5	207	144
MicrosoftSurface	768	1366	768	1366	1	148	96
BlackberryPlaybook	600	1024	600	1024	1	169	96

另外的设备

name

phys.
width

phys.
height

CSS
width

CSS
height

pixel
ratio

phys. ppi

CSS ppi

GoogleGlass	640	360	427	240	1.5	?	144

本文属于吴统威的博客,微信公众号:bianchengderen的原创文章,转载时请注明出处及相应链接:http://www.wutongwei.com/front/infor_showone.tweb?id=142 ,欢迎大家传播与分享.