关于苹果iPhone 6s的屏幕参数相信大家都不会陌生,尺寸为4.7英寸,1334 x 750的分辨率使其ppi达到326

sp 与 px 的换算公式:sp*ppi/160 = px
总结得出:
px = dp*ppi/160
dp = px / (ppi / 160)
px = sp*ppi/160
sp = px / (ppi / 160)

dpi和ppi这两个是密度单位,不是度量单位,而这两个恰恰是我们换算中重要的分母。简单理解一下:

  • ppi (pixels per inch):图像分辨率 (在图像中,每英寸所包含的像素数目)
  • dpi (dots per inch): 打印分辨率 (每英寸所能打印的点数,即打印精度)

dpi主要应用于输出,重点是打印设备上。

我们在移动应用中提到ppi和dpi其实都一样

iOS尺寸单位pt、ppi与px之间换算关系

单位:

pt:ios开发单位,即point,绝对长度,1pt=1/72英寸。

ppi:Pixels Per Inch,即每英寸所拥有的像素数目,屏幕像素密度。

公式:

举例:

比如iphone3gs的像素分辨率是480px×320px,按下图计算即表示在iphone3gs具有ppi为163,物理屏幕宽度约为3英寸,3*163~480,

因此iphone3gs分辨率为480*320

由于iphone3GS和iphone4的物理屏幕尺寸的大小是一样的,所以,他们的pt是相同的。但是由于iphone4的现实像素为960px×640px,也就是说每英寸在iphone4的屏幕下显示了326个像素(刚好是iphone3GS的2倍)。

即在同一物理长度pt长度下,iphone4的屏幕像素密度是iPhone3GS的2倍,因此像素分辨率是iphone3gs的2倍。

这也就是为什么当我们在做iOS客户端的设计时候(通常我们以@2x来设计),开发说的图片尺寸多少pt,换算成要乘以2的原因了(如果我们做iphone6+的设计要在pt数×3)的由来了。

再去看iphone的各个尺寸就很简单了。可以看出iphone的屏幕密度只有3种,即

@1x,163ppi(iphone3gs)

@2x,326ppi(iphone4、4s、5、5s、6)

@3x,401ppi(iphone6+)

iOS尺寸单位pt、ppi与px之间换算关系相关推荐

  1. 计算机单位pt,iOS尺寸单位pt、ppi与px之间换算关系

    单位: pt:ios开发单位,即point,绝对长度,1pt=1/72英寸. ppi:Pixels Per Inch,即每英寸所拥有的像素数目,屏幕像素密度. 公式: 举例: 比如iphone3gs的 ...

  2. 浅谈iOS尺寸单位pt、ppi与px

    1.屏幕尺寸 通常所说的iPhone3GS屏幕尺寸为3.5英寸.iPhone4屏幕尺寸为4英寸,指的是显示屏对角线的长度. 2.iOS尺寸单位 1) px: 像素,是物理屏幕显示的基本单位,即使在程序 ...

  3. 19-10-19 屏幕尺寸、分辨率、PPI、像素之间的关系

    [屏幕尺寸] 首先1英寸=2.54cm=0.762寸,买蛋糕时说的"寸"也是英寸,比如6寸的蛋糕实际上是6英寸为直径的蛋糕,长15.24cm. 描述屏幕大小时的英寸说的是对角线的长 ...

  4. 尺寸单位rpx和px的区别

     rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应.规定屏幕宽为750rpx.如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375 ...

  5. 微信小程序中尺寸单位rpx及样式的用法

    rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应.规定屏幕宽为750rpx.如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375p ...

  6. 微信小程序尺寸单位rpx以及样式相关介绍

    一.rpx单位 rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应.规定屏幕宽为750rpx.如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rp ...

  7. 微信小程序css单位,微信小程序 rpx 尺寸单位详细介绍

    微信小程序最近火了,大家开发微信小程序有没有注意微信小程序对手机屏幕的要求或者影响呢,面对不同的手机屏幕,微信 rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应, 微信小程序 ...

  8. px与rpx关系与换算方法

    小程序开发使用rpx 作为度量单位,rpx与px之间换算关系与屏幕宽度有关. 一.小程序开发文档中有对rpx的说明: 我的理解是,将不论什么尺寸的屏幕横向均分750份,将屏幕横向分辨率除以750. 如 ...

  9. CSS中的尺寸单位总结

    文章目录 CSS中的尺寸单位总结 CSS中的尺寸单位总结 绝对单位: px(Pixel):像素 (1px = 1/96th of 1in); pt(Point):大约1/72英寸 (1pt = 1/7 ...

最新文章

  1. java basedaoimpl_java web项目DAO层通用接口BaseDao与实现类BaseDaoImpl
  2. Servlet业务逻辑封装的试探
  3. 各种SmartPhone上的跨平台开源框架的总结
  4. Centos7修改Docker默认存储位置
  5. ftp服务器文件查找功能,ftp服务器端查找功能
  6. python连接kafka-python连接kafka生产者,消费者脚本
  7. JavaScript总结(3)
  8. 【TensorFlow实战】TensorFlow实现经典卷积神经网络之ResNet
  9. C语言指针概念全面解析
  10. response.setContentType(“text/html;charset=utf-8“)后依然乱码的解决方法
  11. (转)献给迷茫中的量化工作者
  12. Android面试题整理
  13. 24.猫狗数据自定义训练
  14. Java算法:经纬度转换 将百度转为高德经纬度
  15. 计算机英语背诵发音,英语26个字母的标准发音 26个字母背诵顺口溜
  16. c语言编写dxf文件吗,判断dxf文件的版本
  17. 分享:Android清除本地数据缓存代码
  18. 历年考研英语(一)真题来源汇总
  19. 【计算机视觉】一个简单易上手的图像分类任务pipeline代码
  20. 网络运维经理新选择:不再做时间的奴隶

热门文章

  1. 使用GitHub-Pages创建博客和图片上传问题解决
  2. 主动降噪蓝牙耳机怎么选才不踩雷?推荐这五款高性价比蓝牙耳机
  3. 滤波器设计软件--filter solutions的使用
  4. directx11开发中的错误解决
  5. 网络是怎样链接的--向DNS服务器查询Web服务器的IP地址
  6. [Java]Java的静态构造函数 多线程下安全的单例模式
  7. 前端工程师的 LeetCode 之旅 -- 周赛 185
  8. mysql构建数据立方体_数据立方体简介
  9. PMP 11.27 考试倒计时8天!
  10. thinkpad电脑连不上网只有飞行模式解决办法