등록하다 / login

프런트엔드 템플릿 백엔드 템플릿 워드프레스 템플릿 Dedecms템플릿 phpcms 템플릿 Discuz 템플릿 phpwind템플릿 에코숍 템플릿 shopex 템플릿 zblog 템플릿 부트스트랩 템플릿 기타 템플릿

PHP 개발 편집기 PHP 개발 환경(통합) 프로그래머 보조 도구 PHP 프레임워크

페이지 매김 라이브러리 그림 라이브러리 인증코드 라이브러리 파일 업로드 클래스 라이브러리 문자열 처리 클래스 IP 도서관 카테고리 라이브러리 캐싱 라이브러리 템플릿 엔진 라이브러리 데이터베이스 작업 클래스 QR 코드 컬 클래스 라이브러리 파일 처리 라이브러리 데이터 검증 라이브러리 암호화 및 복호화 클래스 라이브러리 보안 클래스 라이브러리 메일 클래스 라이브러리 기타 도서관

배너 그림 아이콘 소재 HD 사진 버튼 소재 psd 소재 글꼴 자료 벡터 자료 PNG 소재

VIP 코스웨어 소스 코드 코스웨어 소스 코드 PHP 전자책 웹페이지 제작 데이터 베이스

현재 위치：PHP 중국어 웹사이트 다운로드 사이트 > 온라인 도구 상자 > UI 크기 사양

UI 크기 사양

iPhone/iPad/Android 디자인 사이즈 사양

iPhone 인터페이스 크기

장비	해상도	PPI	상태 표시줄 높이	탐색 막대 높이	탭바 높이
iPhone6 플러스 디자인 버전	1242×2208px	401PPI	60px	132px	146px
iPhone6 확대 버전	1125×2001px	401PPI	54px	132px	146px
iPhone6 플러스 실물 버전	1080×1920px	401PPI	54px	132px	146px
아이폰6	750×1334px	326PPI	40px	88px	98px
iPhone5 - 5C - 5S	640×1136픽셀	326PPI	40px	88px	98px
iPhone4-4S	640×960px	326PPI	40px	88px	98px
iPhone & iPod Touch 1세대, 2세대, 3세대	320×480px	163PPI	20px	44px	49px

iPhone 아이콘 크기:

장비	앱스토어	앱	홈 화면	스포트라이트 검색	탭바	도구 모음 및 탐색 모음
iPhone6 플러스 (@3×)	1024×1024픽셀	180×180픽셀	114×114픽셀	87×87px	75×75픽셀	66×66px
iPhone6 (@2×)	1024×1024픽셀	120×120픽셀	114×114픽셀	58×58픽셀	75×75픽셀	44×44픽셀
iPhone5 - 5C - 5S (@2×)	1024×1024픽셀	120×120픽셀	114×114픽셀	58×58픽셀	75×75픽셀	44×44픽셀
iPhone4 - 4S (@2×)	1024×1024픽셀	120×120픽셀	114×114픽셀	58×58픽셀	75×75픽셀	44×44픽셀
iPhone & iPod Touch 1세대, 2세대, 3세대	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

주류 Android 휴대폰 해상도 및 크기

장비	해상도	크기	장비	해상도	크기
메이주 MX2	4.4인치	800×1280px	메이주 MX3	5.1인치	1080×1280픽셀
메이주 MX4	5.36인치	1152×1920px	Meizu MX4 Pro아직 사용할 수 없음	5.5인치	1536×2560px
삼성 갤럭시 노트 4	5.7인치	1440×2560픽셀	삼성 갤럭시 노트 3	5.7인치	1080×1920px
삼성 갤럭시 S5	5.1인치	1080×1920px	삼성 갤럭시 노트 II	5.5인치	720×1280px
소니 엑스페리아 Z3	5.2인치	1080×1920px	소니 XL39h	6.44인치	1080×1920px
HTC 디자이어 820	5.5인치	720×1280px	HTC 원 M8	4.7인치	1080×1920px
OPPO 찾기 7	5.5인치	1440×2560픽셀	OPPO N1	5.9인치	1080×1920px
OPPO R3	5인치	720×1280px	OPPO N1 미니	5인치	720×1280px
샤오미 M4	5인치	1080×1920px	샤오미 레드미 노트	5.5인치	720×1280px
샤오미 M3	5인치	1080×1920px	샤오미 레드미 1S	4.7인치	720×1280px
Xiaomi M3S아직 사용할 수 없음	5인치	1080×1920px	샤오미 M2S	4.3인치	720×1280px
화웨이 아너 6	5인치	1080×1920px	해머 T1	4.95인치	1080×1920px
LG G3	5.5인치	1440×2560픽셀	원플러스 원	5.5인치	1080×1920px

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

浏览器	状态栏	菜单栏	滚动条	市场份额(国内)
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%

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

웹 댓글

최신 댓글