首页专区文章专题 AI工具学习编程手册

剧云中文短剧剧本制作平台 Laper 剧本策划到成片协作 LiblibAI 图片视频多模态创作 AniShort AI短剧协同制作平台

PHP MySQL jquery HTML CSS

UI尺寸规范

PHP中文网

2017-01-21

31256人浏览

原创

UI尺寸规范

UI尺寸规范

iPhone/iPad/Android设计尺寸规范

iPhone/iPad/Android设计尺寸规范

iPhone界面尺寸

设备	分辨率	PPI	状态栏高度	导航栏高度	标签栏高度
iPhone6 plus设计版	1242×2208 px	401PPI	60px	132px	146px
iPhone6 plus放大版	1125×2001 px	401PPI	54px	132px	146px
iPhone6 plus物理版	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第一代、第二代、第三代	320×480 px	163PPI	20px	44px	49px

iPhone图标尺寸：

设备	App Store	程序应用	主屏幕	Spotlight搜索	标签栏	工具栏和导航栏
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第一代、第二代、第三代	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×1280 px	魅族MX3	5.1英寸	1080×1280 px
魅族MX4	5.36英寸	1152×1920 px	魅族MX4 Pro未上市	5.5英寸	1536×2560 px
三星GALAXY Note 4	5.7英寸	1440×2560 px	三星GALAXY Note 3	5.7英寸	1080×1920 px
三星GALAXY S5	5.1英寸	1080×1920 px	三星GALAXY Note II	5.5英寸	720×1280 px
索尼Xperia Z3	5.2英寸	1080×1920 px	索尼XL39h	6.44英寸	1080×1920 px
HTC Desire 820	5.5英寸	720×1280 px	HTC One M8	4.7英寸	1080×1920 px
OPPO Find 7	5.5英寸	1440×2560 px	OPPO N1	5.9英寸	1080×1920 px
OPPO R3	5英寸	720×1280 px	OPPO N1 Mini	5英寸	720×1280 px
小米M4	5英寸	1080×1920 px	小米红米Note	5.5英寸	720×1280 px
小米M3	5英寸	1080×1920 px	小米红米1S	4.7英寸	720×1280 px
小米M3S未上市	5英寸	1080×1920 px	小米M2S	4.3英寸	720×1280 px
华为荣耀6	5英寸	1080×1920 px	锤子T1	4.95英寸	1080×1920 px
LG G3	5.5英寸	1440×2560 px	OnePlus One	5.5英寸	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%

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

作者最新文章

美颜相机怎么贴纸遮脸脸

美颜相机扣款怎么关掉

如何开通拼多多

拼多多开店如何选品类

拼多多是如何成立的

本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！如有侵权请联系我们删除下架！联系方式：admin@ php.cn

相关推荐

更多

Web尺寸规范

在线工具箱

Web尺寸规范

规范 2017.01.21

24小时阅读榜

更多

1

新手怎么用CSS3实现文字颜色渐变的标题效果？

2

如何在HTML中使用url类型完成网址校验

3

JavaScript 中怎么处理蓝牙设备未支持 API 降级分支的覆盖率

4

在CSS中如何利用Subgrid实现多层级列表精确对齐？

5

如何通过HTML表单元素创建搜索输入框

6

如何使用HTML object标签处理加载失败

7

如何在MySQL8.0存储过程中使用CTE递归替代游标

8

Nginx平滑重载怎么配置upstream在重载时不丢弃已有连接

9

为什么在SQL存储过程中尽量少用WHILE循环操作数据

10

H5 中响应式图片怎么结合 AVIF 格式实现极致压缩

11

如何在CSS3中利用变量优雅实现主题换肤功能

12

thinkphp文件怎么解压_thinkphp文件解压方法

13

如何在Oracle 19c与Oracle 23c中对比自动索引的段变化

14

HTML全局属性与元素属性的区别

15

Buffalo框架怎么在Pop中自定义数据库字段类型转换器

热门下载

更多

Web尺寸规范

网页设计Web尺寸规范

热门专区

更多

Visual Studio官网下载_Visual Studio新手入门教程_Visual Studio编程开发指南

Visual Studio官网下载_Visual Studio新手入门教程_Visual Studio编程开发指南

本专区提供 Visual Studio 官方正版下载链接，涵盖 Community/Professional/Enterprise 版本选择、Windows 平台安装步骤、项目配置技巧、调试与测试教程、CI/CD 集成实战、性能调优方案及安全开发规范。无论是新手入门还是资深开发者进阶，均可找到对应资源，助力高效构建高质量软件。

pip最新版下载_pip命令大全_pip指定版本安装教程

pip最新版下载_pip命令大全_pip指定版本安装教程

pip专区提供官方最新版下载、pip命令大全、指定版本安装教程、依赖管理方法和官方文档入口，帮助 Python 用户快速安装和管理第三方库。

Fiber框架官网入口_Fiber框架安装配置与使用教程_Fiber框架Web应用开发指南

Fiber框架官网入口_Fiber框架安装配置与使用教程_Fiber框架Web应用开发指南

PHP中文网 Fiber框架专区提供 Fiber框架官网入口、Fiber框架安装配置与使用教程、Fiber Web应用开发指南、源码包下载和官方文档入口，帮助 Go 开发者快速掌握高性能 Web API 开发。

python venv最新版下载_python venv虚拟环境创建教程大全_python venv用法详解

python venv最新版下载_python venv虚拟环境创建教程大全_python venv用法详解

Python venv专区提供官方最新版下载、虚拟环境创建教程、激活命令、依赖隔离方法和官方文档入口，帮助用户搭建稳定可复现的 Python 项目环境。

TensorFlow官网入口_TensorFlow深度学习框架_TensorFlow Keras训练与模型部署

TensorFlow官网入口_TensorFlow深度学习框架_TensorFlow Keras训练与模型部署

TensorFlow专区提供官网入口、TensorFlow 2.21.0 下载、Windows/Mac/Linux 安装包、Keras训练教程、模型部署指南、官方文档和历史版本资源。

Echo框架官网入口_Echo框架定义路由与中间件配置_Go语言Echo框架Web项目实战

Echo框架官网入口_Echo框架定义路由与中间件配置_Go语言Echo框架Web项目实战

PHP中文网 Echo框架专区提供 Echo框架官网入口、定义路由与中间件配置教程、Go语言Echo框架Web项目实战资料、源码包下载和官方文档入口，帮助 Go 开发者快速掌握高性能 Web API 开发。

PyTorch官网入口_PyTorch深度学习框架_PyTorch模型训练与GPU部署

PyTorch官网入口_PyTorch深度学习框架_PyTorch模型训练与GPU部署

PyTorch专区提供官网入口、PyTorch 2.13.0 下载、历史版本下载、Windows/Mac/Linux 安装包、模型训练、GPU部署、官方文档和学习视频资源。

GDB调试新手入门教程_GDB调试命令大全_GDB断点与单步调试指南

GDB调试新手入门教程_GDB调试命令大全_GDB断点与单步调试指南

GDB 调试器专区提供 GNU GDB 官方下载、版本更新、安装配置、命令使用、断点调试、线程分析、崩溃转储、远程调试和嵌入式开发教程，整理 GDB 与 GCC、Binutils、Valgrind、LLDB、Qt Creator、VS Code 等工具的配合方法，并介绍符号管理、调试信息、性能分析、安全加固及生产环境故障排查实践，帮助开发者系统掌握 GDB

Valgrind官方网站入口_Valgrind怎么检测内存泄漏_Valgrind命令用法整理

Valgrind官方网站入口_Valgrind怎么检测内存泄漏_Valgrind命令用法整理

Valgrind专区提供官方源码下载、Linux安装配置、编译部署、Memcheck内存检测、内存泄漏排查、Helgrind线程分析、Callgrind性能剖析、Massif堆内存分析等资料，覆盖常用命令、错误报告解读、抑制规则、GDB联调、KCachegrind可视化、持续集成和实战案例。同时整理版本更新日志、平台兼容性、常见问题、安全排查建议、相关工具、

热门专题

更多

Vibeknow在线使用入口合集

Vibeknow在线使用入口合集

本专题汇总了Vibeknow在线创作视频的官方入口及网页版使用教程，涵盖PPT、PDF、Word等文档一键转讲解视频的核心操作，并整理了免费版水印规则与手机端浏览器访问指南，助你快速将知识内容视频化。

2026.09.21

0

NumPy随机数文件读写与dtype数据类型

NumPy随机数文件读写与dtype数据类型

本专题整理 NumPy 随机数、文件读写与 dtype 数据类型相关教程，覆盖 Generator/random、随机数种子、正态分布采样、npy/npz/CSV/TXT 保存读取、loadtxt/savetxt、memmap、大文件处理、astype 类型转换、结构化 dtype、整数溢出和精度丢失等场景。

2026.09.21

0

NumPy矩阵运算与线性代数计算

NumPy矩阵运算与线性代数计算

本专题整理 NumPy 矩阵运算与线性代数计算相关教程，覆盖矩阵乘法、dot 与 @ 运算符、逆矩阵、行列式、特征值与特征向量、SVD、线性方程组、欧氏距离、矩阵分解和大规模矩阵性能优化等内容，帮助读者掌握 np.linalg 与矩阵计算实战。

2026.09.21

0

NumPy广播机制数学运算与统计分析

NumPy广播机制数学运算与统计分析

本专题整理 NumPy 广播机制、数组数学运算与统计分析相关教程，覆盖广播规则、维度对齐、矩阵与数组加减除法、向量化计算、均值方差、分位数、中位数、直方图和 unique 频次统计等场景，帮助读者掌握 ndarray 高效计算与统计处理方法。

2026.09.21

0

NumPy数组创建索引切片与数据选择

NumPy数组创建索引切片与数据选择

本专题整理 NumPy 数组创建、索引、切片与数据选择相关教程，覆盖 np.array、zeros/ones、多维数组形状、基础切片、花式索引、布尔索引、条件筛选、视图与副本等常用场景，帮助读者系统掌握 ndarray 数据构造与高效提取方法。

2026.09.21

0

Aionclaw智能助手介绍

本专题汇总了AionClaw（AI龙虾助手）的功能介绍与在线使用入口。AionClaw是杭州趣猿人工智能有限公司推出的桌面级AI智能体，能直接在电脑上读写文件、运行脚本、操作浏览器，自动交付Word、PPT、Excel等成品。

2026.09.20

0

AionClaw AI智能体与电脑自动化任务执行功能使用教程

AionClaw AI智能体与电脑自动化任务执行功能使用教程

AionClaw专题整理AI智能体与电脑自动化相关功能使用教程，涵盖安装部署、AI任务执行、Skills技能、文件处理、浏览器控制、电脑操作、持久记忆、聊天工具连接以及办公、编程和内容创作等功能，帮助用户快速掌握AionClaw的实际使用方法。

2026.09.20

0

AI视频生成软件推荐

本专题汇总了当前主流的AI视频生成软件推荐与排行榜单，涵盖seko、AniShort、剧云、Lovart、LiblibAI及立刻mv等热门工具。同时整理了各软件在文生视频、图生视频、时长限制、画质表现及免费额度等方面的差异对比，助您快速选对适合创作需求的AI视频生成工具。

2026.09.16

0

ai生成视频的工具免费版合集

本专题汇总了当前免费AI生成视频工具的排行榜与推荐清单，涵盖seko、讯飞智作、AniShort及剧云、Lovart等多模型集成平台。同时整理了各工具的免费额度、输出时长、水印政策及适用场景差异，助您快速选择合适工具开启AI视频创作。

2026.09.16

0