尺寸规范

news/2025/1/11 23:43:23/

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

iPhone界面尺寸

设备分辨率逻辑分辨率尺寸PPI状态栏高度导航栏高度标签栏高度
1-1F9140UG10-L.png

iPhone X

1125×2436 px375×812 pt5.8 英寸458 ppi88 px132 px146 px
1-1F9140U9160-L.png

iPhone 6, 6s+, 7+, 8+

1242×2208 px414×736 pt5.5 英寸401 ppi60 px132 px146 px
1-1F9140Z0510-L.png

iPhone 6, 6s, 7, 8

750×1334 px375×667 pt4.7 英寸326 ppi40 px88 px98 px
1-1F9140Z3040-L.png

iPhone 5, 5s, 5c, SE

640×1136 px320×568 pt4.0 英寸326 ppi40 px88 px98 px
1-1F914091G20-L.png

iPhone4, 4S

640×960 px320×480 pt3.5 英寸326 ppi40 px88 px98 px
1-1F914091G20-L.png

iPhone 2G, 3G, 3GS

320×480 px320×480 pt3.5 英寸163 ppi20 px44 px49 px

iph.png

iPhone图标尺寸

设备App Store程序应用主屏幕Spotlight搜索标签栏工具栏和导航栏
iphone_6p.png

iPhone6P/6SP/7(@3×)

1024×1024 px180×180 px114×114 px87×87 px75×75 px66×66 px
iphone_6.png

iPhone6/6S/7 (@2×)

1024×1024 px120×120 px114×114 px58×58 px75×75 px44×44 px
iphone_5.png

iPhone5/5C/5S (@2×)

1024×1024 px120×120 px114×114 px58×58 px75×75 px44×44 px
iphone_4.png

iPhone4/4S (@2×)

1024×1024 px120×120 px114×114 px58×58 px75×75 px44×44 px
iphone_3.png

iPhone & iPod Touch第一代、第二代、第三代

1024×1024 px120×120 px57×57 px29×29 px38×38 px30×30 px


iph-ico.png

iPad的设计尺寸

设备尺寸分辨率状态栏高度导航栏高度标签栏高度
iphone_6p.png

iPad 3/4/5/6/Air/Air2/mini2

2048×1536 px264PPI40px88px98px
iphone_6p.png

iPad 1/2

1024×768 px132PPI20px44px49px
iphone_6p.png

iPad Mini

1024×768 px163PPI20px44px49px


ipa.png

iPad图标尺寸

设备App Store程序应用主屏幕Spotlight搜索标签栏工具栏和导航栏
iphone_6p.png

iPad 3/4/5/6/Air/Air2/mini2

1024×1024 px180×180 px144×144 px100×100 px50×50 px44×44 px
iphone_6p.png

iPad 1/2

1024×1024 px90×90 px72×72 px50×50 px25×25 px22×22 px
iphone_6p.png

iPad Mini

1024×1024 px90×90 px72×72 px50×50 px25×25 px22×22 px

 

ipa-ico.png

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×6001024×768 1280×768WXGA(1280×800)1536×1152 1920×1152 1920×12002048×1536 2560×1600

Android系统图标尺寸

屏幕大小启动图标操作栏图标上下文图标系统通知图标(白色)最细笔画

320×480 px

48×48 px32×32 px16×16 px24×24 px不小于2 px

480×800px 480×854px 540×960px

72×72 px48×48 px24×24 px36×36 px不小于3 px

720×1280 px

48×48 dp32×32 dp16×16 dp24×24 dp不小于2 dp

1080×1920 px

144×144 px96×96 px48×48 px72×72 px不小于6 px

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

名称分辨率比率 rate (针对320px)比率 rate (针对640px)比率 rate (针对750px)

idpi

240×3200.750.3750.32

mdpi

320×48010.50.4267

hdpi

480×8001.50.750.64

xhdpi

720×12802.251.1251.042

xxhdpi

1080×19203.3751.68751.5

主流Android手机分辨率和尺寸

设备尺寸分辨率设备尺寸分辨率
1-1F912104F90-L.jpg

Vivo X9s

5.5英寸1080x1920 px1-1F9121052570-L.jpg

OPPO R11

5.5英寸1080x1920 px
1-1F9121054320-L.jpg

三星GALAXY S8

5.8英寸1440x2960 px1-1F9121056090-L.jpg

华为nova 2

5.0英寸1080x1920 px
1-1F9121102350-L.jpg

金立S10

5.5英寸1080x1920 px1-1F9121100350-L.jpg

荣耀9

5.15英寸1080x1920 px
1-1F9121103430-L.jpg

小米6

5.15英寸1080x1920 px1-1F9121104450-L.jpg

锤子坚果Pro

5.5英寸1080x1920 px
1-1F9121106150-L.jpg

努比亚Z17

5.5英寸1080x1920 px1-1F912110J70-L.jpg

华为P10

5.1英寸1080x1920 px
1-1F912110R10-L.jpg

OPPO R9s

5.5英寸1080x1920 px1-1F9121109280-L.jpg

Vivo X9

5.5英寸1080x1920 px
1-1F9121110250-L.jpg

Vivo Xplay6

5.46英寸1440x2560 px1-1F9121113560-L.jpg

荣耀V9

5.7英寸1440x2560 px
1-1F9121114520-L.jpg

华为Mate 9

5.9英寸1080x1920 px1-1F9121116250-L.jpg

一加手机5

5.5英寸1080x1920 px
1-1F912111H60-L.jpg

Vivo X9Plus

5.88英寸1080x1920 px1-1F912111R20-L.jpg

魅族魅蓝Note 5

5.5英寸1080x1920 px
1-1F9121119570-L.jpg

荣耀9

5.15英寸1080x1920 px1-1F9121120450-L.jpg

三星GALAXY S8+

6.2英寸1440x2960 px
1-1F9121124160-L.jpg

华为P10 Plus

5.5英寸1440x2560 px1-1F9121125180-L.jpg

魅族PRO 7

5.2英寸1080x1920 px
1-1F9121126260-L.jpg

努比亚Z17

5.5英寸1080x1920 px1-1F9121130200-L.jpg

小米5

5.15英寸1080x1920 px
1-1F9121133520-L.jpg

小米红米Note 4X

5.5英寸1080x1920 px1-1F9121136260-L.jpg

荣耀畅玩6X

5.5英寸1080x1920 px

PC平台浏览器界面参数与份额

浏览器状态栏菜单栏滚动条市场份额(国内)
google.png

Chrome 浏览器

22 px(浮动出现)60 px15 px43.37%
huofu.png

火狐浏览器

20 px132 px15 px1.99%
ie9.png

IE浏览器

24 px120 px15 px23.84%
360.png

360 浏览器

24 px140 px15 px28%
1-1F9121156250-L.jpg

QQ浏览器

24 px147 px15 px6.67%
sougou.png

搜狗浏览器

25 px163 px15 px4.57%

PC屏幕分辨率比例

分辨率占有率分辨率占有率

1920×1080

13.49%

1366×768

6.28%

360×640

31.22%

1440×900

4.75%

720×1280

2.51%

1024×768

2.83%

320×568

1.8%

1600×900

2.62%

414×736

3.07%

375×667

4.9%

转载于:https://my.oschina.net/zhiqiangwang/blog/1547369


http://www.ppmy.cn/news/228900.html

相关文章

“机海战术”下智能手机成爆款越来越难,荣耀9还有戏吗?

回顾上半年智能手机新品发布历程不难发现,一月一款明星机的套路没变:2月荣耀V9、3月三星Galaxy S8,4月小米6,5月坚果Pro,6月荣耀9。尽管中间还穿插着别的机型,但最受关注的还是这几款。不过,受到…

手机CPU天梯图2018年5月最新版

话不多说,以下是2018年5月最新的手机CPU天梯图精简版,由于最近一两个月,芯片厂商发布的新Soc并不不多,因此这次天梯图更新,主要是来看看今年主流手机厂商都流行使用哪些处理器。 手机CPU天梯图2018年5月最新版&#xf…

想用手机刷公交卡?告诉你当前都谁行

最近iOS 11.3的升级倒是引发了不少的讨论,虽然有让老iPhone用户期待已久的“满血”运行模式的存在,不过发布之后却迅速被另外一项更新抢了风头——那就是iOS终于支持NFC虚拟公交卡了。 虽然这是让无数果粉喜闻乐见、大快人心、普天同庆、奔走相告的好消息…

Dart微基准测试第一部分

在过去的几个月里,我开始收到越来越多关于某些特定 Dart 操作性能的问题。以下是Romain Rastel在他关于提高 Flutter中 ChangeNotifier 性能的工作的背景下提出的此类问题的示例。 鉴于我的经验,我第一眼就知道这个特定的基准测试出了什么问题……但是为…

lazy nezumi pro怎么使用_天翼羊城通使用教程2.0 | 一张可以刷公交地铁的5G电信校园卡...

你听说过天翼羊城通吗? 你是否在刷公交地铁时遇到 手机关机?没有信号? 切换手机页面太麻烦? 这些通通都不用担心! 天翼羊城通卡带你 快乐出行,畅游羊城! 天翼羊城通卡指的是搭载羊城通功能的通讯…

实战:Longhorn存储-2022.2.24

目录 文章目录 目录实验环境实验软件1、Longhorn2、架构3、安装1.依赖2.部署3、测试 QA关于我最后 实验环境 实验环境: 1、win10,vmwrokstation虚机; 2、k8s集群:3台centos7.6 1810虚机,1个master节点,2个node节点k8s version&am…

Docker系列 搭建自动备份服务duplicati

转至我的个人博客:https://blognas.hwb0307.com。欢迎关注! 前言 在Docker系列 搭建密码管理应用bitwarden中,我们安装了一个实用的Docker应用bitwarden。用了一段时间,你会发现它是真的好用呀!但同时你也有一点担心:…

一道多线程编程题的代码案例(两个抽奖箱(线程)设置线程名称分别为“抽奖箱1”,“抽奖箱2”,)

题目: 分析以下需求,并用代码实现 有一个抽奖池,该抽奖池中存放了奖励的金额, 该抽奖池中的奖项为 {"魅族E","畅玩6X","坚果Pro","小米Note2","iphone 7Plus", &…