尺寸.png

手机屏幕分辨率是手机重要的参数,大家可能会把分辨率对成手机的高宽度,这是不正确,了解分辨率是ui设计必要的,前端所需要知道的。

移动端设备屏幕尺寸非常多,碎片化严重。尤其是Android,你会听到很多种分辨率:480×800, 480×854, 540×960, 720×1280, 1080×1920,而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了:640×960, 640×1136, 750×1334, 1242×2208。

逻辑分辨率与物理分辨率

俗话说物理分辨率是硬件所支持的,逻辑分辨率是软件可以达到的。我来看看iphone的参数图

ios-物流尺寸分辨率.png

物理尺寸是指屏幕的实际大小。大的屏幕同时必须要配备高分辨率,也就是在这个尺寸下可以显示多少个像素,显示的像素越多,可以表现的余地自然越大

640*960、640*1136等这些都是物理尺寸或是物理分辨率。

而下面的320*480、320*568等这些都是逻辑分辨率或是逻辑尺寸。

如果我们设计的时候用单位px,可以说是物理分辨率尺寸。

如果我们设计的时候用单位pt,可以说是逻辑分辨率尺寸。

下面拿iphone 6 plus详细分析:

iphone-6-plus-物流尺寸分辨率2.png

1、iPhone 6 Plus 的逻辑point分辨率用 360×640,也不是不可以,也即上面图表中的 iPhone 6+ (b)方案,那么 scale 用 @3x,最终像素分辨率 360×640@3x 正好是 1080×1920,完美1:1映射,无需缩放;但缺点就是:iPhone 6 Plus的逻辑pt分辨率 360×640 就会比 iPhone 6的 375×667 还低,这天理不容啊,一个Plus的大屏幕虽然很精细,但是可显示的实际内容比 iPhone 6 还少。完全不符合 Bigger than bigger 。

打个比方就是:相同字号的情况下,iPhone 6如果一行显示了25个字,而 iPhone 6 Plus 按这个逻辑pt方案,一行就会只能显示24 个字了。

2、那如果逻辑point分辨率用 540×960 呢,也即图表中的 iPhone 6+ (c) , scale 沿用老的 @2x ,最终像素分辨率 540×960@2x 不正好是 1080×1920 吗,也是完美1:1映射,无需缩放,还不需要多余做 @3x 素材; 而且这个方案的优点也很明显: pt 面积是 iPhone 6 的两倍 (540×960 = 375x667x 2),这样屏幕可显示的内容一下就增多了 ; 但这个方案的缺点就更明显了: 所有 iOS UI 元素尺寸在屏幕上的实际物理面积一下子就变小了,比如标签栏或导航栏按钮的物理高度只有原来的 81.5% ,

点击面积就只有iPhone 6的 0.815*0.815=66.4%,用户点击就困难了,总不至于苹果考虑触摸手指操作,为 <= iPhone 6 做一套设计规范,为 iPhone 6 Plus 再另外做一套设计规范。

android手机屏分辨率和屏幕逻辑,【手机屏幕分辨率】逻辑分辨率和物理分辨率...相关推荐

  1. android如果手机屏锁忘记了怎么办,手机屏幕锁忘了怎么办

    苹果系统忘记屏幕锁一.可以通过苹果iCloud解开,进入iCloud登录Apple ID账号.二.如果苹果手机没有设置iCloud账号,你可以通过苹果iTunes软件刷机解除密码.安卓系统忘记屏幕锁一 ...

  2. android如果手机屏锁忘记了怎么办,手机屏幕锁忘记图案怎么办 自己也能轻松搞定...

    手机屏幕锁忘记图案怎么办 自己也能轻松搞定 来源:www.18183.com作者:皮卡时间:2015-04-07 手机功能也越来越强大,甚至可以替代电脑,所以手机中存储着大量的个人隐私,很多用户习惯使 ...

  3. android传屏器怎么获取热点,手机做热点怎么投屏 为你介绍投屏的方法

    为了让人们获得更多视频体验,投屏技术便被广泛的应用,很多的朋友们都非常的关注投屏的问题.那么,手机做热点怎么投屏呢?是不是也想获得更多的投屏知识?那就跟随着我们一起来学习吧. 手机做热点怎么投屏 1. ...

  4. zte android截屏快捷键,中兴红牛V5手机怎么截屏 中兴红牛V5截图技巧图解

    中兴红牛V5手机截屏怎么截的呢,对于刚开始用智能机的我来说,是一个不小的尝试,包括我刚知道的候一样,下面由本小编教大家怎么使用中兴红牛手机截屏和截图的技巧.操作步骤如下: 红牛V5怎么截屏 中兴红牛V ...

  5. android 截屏keycode,如果你的安卓手机支持〔电源〕键+〔音量减〕键截屏,你可以代码...

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 add device 14: /dev/input/event0 name: "sii8240_rcp" events: KEY (0 ...

  6. Android 碎屏效果 (Crack Screen,击碎屏幕)

    本文介绍一个好玩的App   如图: 实现思路:在一个透明的Activity上用一个自定义View,然后在View上画.9的碎玻璃图片,加上音效.然后过一段时间消失. 主要用一个postInvalid ...

  7. 三星android分屏视图怎么关闭,三星手机当前屏幕不支持分屏视图怎么办?

    长按最近应用程序键即可打开多窗口分屏功能,具体使用方法,请按以下步骤操作: 1.长按[最近应用程序]键. 2.阅读屏幕文字说明后,选择一个需要以多窗口分屏视图打开的应用程序,这里以点击[S 日历]为例 ...

  8. 手机屏幕分辨率:物理分辨率和逻辑分辨率

    1.什么是物理分辨率和逻辑分辨 手机屏幕分辨率有两个术语:物理分辨率和逻辑分辨率.那么二者的区别是什么?这里我们做下简单说明. 正如俗话所说物理分辨率是硬件所支持的,逻辑分辨率是软件可以达到的. 物理 ...

  9. iOS 屏幕尺寸、逻辑分辨率、物理分辨率之间的相互关系

    型号 屏幕尺寸(inch) 逻辑分辨率(point) 缩放因子(scale factor) 物理分辨率(pixel) 像素密度(PPI) iPhone3GS 3.5 320 * 480 @1x 320 ...

  10. 雷军的手机屏保亮了,网友哭笑不得:我还以为是董明珠呢!

    手机屏保可以体现手机主人的想法.状态.思想,每个人的手机屏保都不一样.在12月19日晚,楚商大会欢迎晚宴上,雷军手机屏保意外被曝光,让广大吃瓜网友哭笑不得. 著名劳模雷军的手机屏保亮了:能不管的事情一 ...

最新文章

  1. 【论文速读】RandLA-Net大规模点云的高效语义分割
  2. 学术圈竞赛圈大讨论,深度学习真的比不过GBDT模型吗?
  3. HDU 1573~3579 X问题Hello Kiki[同余方程]
  4. SAP系统的配置传输
  5. oracle asm 异机挂载,oracle 异机恢复 从asm到文件系统成功实例
  6. 内蒙古高考2021年成绩查询,内蒙古招生考试信息网:2021年内蒙古高考查分入口、查分系统...
  7. matplotlib 横坐标少了一个点_收藏起来!比 matplotlib 效率高十倍的数据可视化神器!...
  8. celery实现任务统一收集、分发执行
  9. 【笔试/面试】—— 二叉树的最远距离
  10. 5分钟内快速上手掌握springtx事务以及注解的使用
  11. 光纤交换机巡检配置常用命令
  12. 电脑怎么用计算机打开指令,电脑常用快捷键及命令
  13. Git error: unable to create file xxx: Filename too long
  14. 无人机视觉检测算法研究及数据集汇总
  15. QT - 小型翻车现场
  16. php获取企业微信聊天内容,微信企业号开发获取用户信息的介绍
  17. windows平台简单的FTP服务器,无需安装
  18. Lecture 9: Practical Tips for Final Projects
  19. java promise实现_基于JAVA的Promise模式实现
  20. 二维火收银显示服务器超时怎么办,配件连接及后台设置二维火服务中心.pdf

热门文章

  1. 解决kali访问HackTheBox网络不稳定
  2. vue公众号项目中的橡皮筋效果
  3. 在Win10和Ubuntu双系统下卸载Ubuntu系统的方法
  4. Python算法:决策树分类
  5. 基于python的公众号课堂教学_基于Python的微信公众号数据挖掘分析
  6. Markdown--PDF--PPT--Flash 工具链
  7. 职称论文发表时如何确定刊物的级别
  8. Vim如何一次复制多次粘贴,初次认识Vim寄存器
  9. 记录ie不支持 for of 解决办法
  10. 论文中插入求和符号∑各种不同版本要求