REGISTRE / login

Modèle frontal modèle de back-end modèle wordpress modèle dedéccm modèle phpcms Modèle de discussion modèle phpwind modèle ecshop modèle shopex modèle de blog Modèle d'amorçage Autres modèles

éditeur de développement php environnement de développement php (intégré) Outils d'aide au programmeur Cadre PHP

Bibliothèque de pagination Bibliothèque d'images Bibliothèque de codes de vérification Bibliothèque de classes de téléchargement de fichiers Classe de traitement de chaînes bibliothèque IP Bibliothèque de catégories bibliothèque de mise en cache Bibliothèque du moteur de modèles Classe d'opération de base de données QR Code bibliothèque de classes curl Bibliothèque de traitement de fichiers Bibliothèque de validation des données Bibliothèque de classes de chiffrement et de déchiffrement Bibliothèque de classes de sécurité Bibliothèque de classes de messagerie Autres bibliothèques

image de bannière Matériel d'icône Images HD matériau du bouton matériel psd Matériau de police matériel de vecteur Matériau PNG

code source du didacticiel VIP Code source du didacticiel livre électronique php Réalisation de pages internet base de données

localisation actuelle：Site de téléchargement de sites Web chinois PHP > Boîte à outils en ligne > Spécifications de taille de l'interface utilisateur

Spécifications de taille de l'interface utilisateur

Spécifications de taille de l'interface utilisateur

Spécifications de taille de conception iPhone/iPad/Android

Taille de l'interface iPhone

Équipement	Résolution	IPP	Hauteur de la barre d'état	Hauteur de la barre de navigation	Hauteur de la barre d'onglets
iPhone6 plus crackée design	1242×2208 px	401PPI	60px	132px	146px
iPhone6 plus crackée agrandie	1125×2001 px	401PPI	54px	132px	146px
iPhone6 plus crackée physique	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 et iPod Touch 1ère génération, 2ème génération, 3ème génération	320×480 px	163PPI	20px	44px	49px

Taille de l'icône iPhone :

Équipement	App Store	Applications	Écran d'accueil	Recherche Spotlight	Barre d'onglets	Barre d'outils et barre de navigation
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 et iPod Touch 1ère génération, 2ème génération, 3ème génération	1024×1024 px	120×120 px	57×57 px	29×29 px	38×38 px	30×30 px

iPad的设计尺寸

设备	尺寸	分辨率	状态栏高度	导航栏高度	标签栏高度
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图标尺寸：

设备	App Store	程序应用	主屏幕	Spotlight搜索	标签栏	工具栏和导航栏
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撒打发士大夫撒打发士大夫

Android SDK模拟机的尺寸

屏幕大小	低密度（120）	中等密度（160）	高密度（240）	超高密度（320）
小屏幕	??QVGA（240×320）		?????480×640
普通屏幕	WQVGA400（240×400） WQVGA432（240×432）	??HVGA（320×480）	WVGA800（480×800） WVGA854（480×854） 600×1024	??640×960
大屏幕	WVGA800 （480×800） WVGA854 （480×854）	WVGA800 （480×800） WVGA854 （480×854） 600x1024
超大屏幕	???1024×600	1024×768 1280×768WXGA（1280×800）	1536×1152 1920×1152 1920×1200	2048×1536 2560×1600

Android的图标尺寸

屏幕大小	启动图标	操作栏图标	上下文图标	系统通知图标(白色)	最细笔画
320×480 px	48×48 px	32×32 px	16×16 px	24×24 px	不小于2 px
480×800px 480×854px 540×960px	72×72 px	48×48 px	24×24 px	36×36 px	不小于3 px
720×1280 px	48×48 dp	32×32 dp	16×16 dp	24×24 dp	不小于2 dp
1080×1920 px	144×144 px	96×96 px	48×48 px	72×72 px	不小于6 px

Android安卓系统dp/sp/px换算表

名称	分辨率	比率 rate (针对320px)	比率 rate (针对640px)	比率 rate (针对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

Résolutions et tailles de téléphones Android grand public

Équipement	Résolution	Taille	Équipement	Résolution	Taille
Meizu MX2	4,4 pouces	800×1280 px	Meizu MX3	5,1 pouces	1080×1280 px
Meizu MX4	5,36 pouces	1152×1920 px	Meizu MX4 ProPas encore disponible	5,5 pouces	1536×2560 px
Samsung GALAXY Note 4	5,7 pouces	1440×2560 px	Samsung GALAXY Note 3	5,7 pouces	1080×1920 px
Samsung GALAXIE S5	5,1 pouces	1080×1920 px	Samsung GALAXY Note II	5,5 pouces	720×1280 px
Sony Xperia Z3	5,2 pouces	1080×1920 px	Sony XL39h	6,44 pouces	1080×1920 px
HTC Désir 820	5,5 pouces	720×1280 px	HTC One M8	4,7 pouces	1080×1920 px
OPPO Trouver 7	5,5 pouces	1440×2560 px	OPPO N1	5,9 pouces	1080×1920 px
OPPO R3	5 pouces	720×1280 px	OPPO N1 Mini	5 pouces	720×1280 px
Xiaomi M4	5 pouces	1080×1920 px	Xiaomi Redmi Note	5,5 pouces	720×1280 px
Xiaomi M3	5 pouces	1080×1920 px	Xiaomi Redmi 1S	4,7 pouces	720×1280 px
Xiaomi M3SPas encore disponible	5 pouces	1080×1920 px	Xiaomi M2S	4,3 pouces	720×1280 px
Huawei Honor 6	5 pouces	1080×1920 px	Marteau T1	4,95 pouces	1080×1920 px
LG G3	5,5 pouces	1440×2560 px	OnePlus Un	5,5 pouces	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%

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

Commentaires Web

Derniers Commentaires