slaid fokus Navigasi menu TABTAB perkhidmatan dalam talian Gambar kesan khas Kesan album foto butang borang kod iklan tarikh masa Kesan khas pemain kesan teks Kesan khas air terjun Kesan tetikus kesan tingkap kesan akordion Kod penomboran Kembali ke atas kesan garis masa kesan kaca pembesar roda loteri kesan jQuery Kesan khas CSS3 kesan khas html5 Kesan khas lain
Templat bahagian hadapan templat bahagian belakang templat wordpress dedecmstemplate templat phpcms Templat Discuz phpwindtemplate templat ecshop templat shopex templat zblog Templat Bootstrap Templat lain
editor pembangunan php persekitaran pembangunan php (bersepadu) Alat Bantuan Pengaturcara Rangka kerja PHP
Pustaka penomboran Perpustakaan gambar Pustaka kod pengesahan Pustaka kelas muat naik fail Kelas pemprosesan rentetan perpustakaan ip Perpustakaan kategori perpustakaan caching Pustaka enjin templat Kelas operasi pangkalan data kod QR perpustakaan kelas curl Pustaka pemprosesan fail Pustaka pengesahan data Pustaka kelas penyulitan dan penyahsulitan Perpustakaan kelas keselamatan Perpustakaan kelas mel Perpustakaan lain
gambar sepanduk Bahan ikon gambar HD bahan butang bahan psd Bahan fon bahan vektor bahan PNG
kod sumber perisian kursus vip Kod sumber perisian kursus e-buku php Pengeluaran laman web pangkalan data
lokasi sekarang：Laman web muat turun laman web PHP Cina > Kotak alat dalam talian > Spesifikasi saiz UI
Spesifikasi saiz UI

Spesifikasi saiz UI

Spesifikasi saiz reka bentuk iPhone/iPad/Android

Saiz antara muka iPhone

Peralatan Resolusi PPI Ketinggian bar status Ketinggian bar navigasi Ketinggian bar tab

iPhone6 ​​​​plus retak reka bentuk

 1242×2208 px 401PPI 60px 132px 146px

iPhone6 ​​​​tambah retak diperbesarkan

 1125×2001 px 401PPI 54px 132px 146px

iPhone6 ​​​​plus retak fizikal

 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 generasi pertama, generasi ke-2, generasi ke-3

 320×480 px 163PPI 20px 44px 49px

Saiz ikon iPhone:

Peralatan App Store Apl Skrin utama Carian Tumpuan Bar tab Bar Alat dan Bar Navigasi

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 generasi pertama, generasi ke-2, generasi ke-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

Arus perdana resolusi dan saiz telefon Android

Peralatan Resolusi Saiz Peralatan Resolusi Saiz

Meizu MX2

 4.4 inci 800×1280 px

Meizu MX3

 5.1 inci 1080×1280 px

Meizu MX4

 5.36 inci 1152×1920 px

Meizu MX4 ProBelum tersedia

 5.5 inci 1536×2560 px

Samsung GALAXY Note 4

 5.7 inci 1440×2560 px

Samsung GALAXY Note 3

 5.7 inci 1080×1920 px

Samsung GALAXY S5

 5.1 inci 1080×1920 px

Samsung GALAXY Note II

 5.5 inci 720×1280 px

Sony Xperia Z3

 5.2 inci 1080×1920 px

Sony XL39h

 6.44 inci 1080×1920 px

HTC Desire 820

 5.5 inci 720×1280 px

HTC One M8

 4.7 inci 1080×1920 px

OPPO Find 7

 5.5 inci 1440×2560 px

OPPO N1

 5.9 inci 1080×1920 px

OPPO R3

 5 inci 720×1280 px

OPPO N1 Mini

 5 inci 720×1280 px

Xiaomi M4

 5 inci 1080×1920 px

Xiaomi Redmi Note

 5.5 inci 720×1280 px

Xiaomi M3

 5 inci 1080×1920 px

Xiaomi Redmi 1S

 4.7 inci 720×1280 px

Xiaomi M3SBelum tersedia

 5 inci 1080×1920 px

Xiaomi M2S

 4.3 inci 720×1280 px

Huawei Honor 6

 5 inci 1080×1920 px

Tukul T1

 4.95 inci 1080×1920 px

LG G3

 5.5 inci 1440×2560 px

OnePlus One

 5.5 inci 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%

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

Komen web
Komen terkini