物理像素,ppi,逻辑分辨率和物理分辨率
2017-10-23 23:31
387 查看
1
明确几个概念:物理像素:屏幕物理像素
屏幕像素密度ppi:pixels per inch,屏幕上每英寸可以显示的像素点的数量,即屏幕像素密度。顺便一提,ppi就是dpi,只不过有文章里说苹果喜欢用ppi,dpi安卓喜欢用,emmmm,所以还是用ppi吧。
ppi的计算:屏幕对角线的屏幕物理像素密度除以屏幕尺寸。
以 iphone6 为例子,屏幕是 1334*750,326ppi,屏幕4.7英寸
Math.sqrt(Math.pow(1334,2)+Math.pow(750,2)) / 4.7 ≈ 325
在移动设备开发里面,屏幕适配也是需要考虑的一个问题,为了在不同屏幕中统一设置的单位能够自适应,IOS开发推出了PT,Android中叫做DP/DiP(Device independent Pixel,设备无关像素),字体会用sp。这些单位都是相对单位,开发的时候数值是固定的,单位会自动随屏幕的ppi改变px的倍数,标准是以160ppi的屏幕下1dp=1px,其他按比例计算。比起前端开发真是方便太多了。
除了这些,还有:pc、sp、dpi、ldpi、mdpi、hdpi、xhdpi、xxhdpi...这些没什么特别需要记住的,需要的百度就查一下就行了,dpi前加其他的其实都是dpi,只不过是不同屏幕分辨率下的不同表示。
2
为什么有个逻辑分辨率和物理分辨率之分呢,主要是软件开发的限制,ios 开发以 pt 为单位,1pt 在 iphone 4 上是等于 2px,iphone 6p 上是 3px。所以如果设置了逻辑分辨率,开发就很方便,只需要写一个单位值就能适配各种尺寸的屏幕。关于设备像素比,用 iPhone 做例子:
上表清晰展示了历代 iphone 的逻辑分辨率和物理分辨率关系。有个特殊的地方是 iphone 6p 的设备像素比,不是整数 3,即物理像素分辨率是 1080x1920 而不是 1242x2208,虽然获取时 window.devicePixelRatio 依然是拿到 3 的,不过是近似等于 3,关于原因可以看下面链接的回答。
本文来源:JuFoFu
本文地址:http://www.cnblogs.com/JuFoFu/p/7719823.html
水平有限,错误欢迎指正,转载请注明出处。
参考链接:
深入了解viewport和px
http://tgideas.qq.com/webplat/info/news_version3/804/7104/7106/m5723/201509/376281.shtml
iPhone 6 Plus 的逻辑分辨率为什么是 414x736 ?
https://www.zhihu.com/question/25361043
逻辑分辨率和物理分辨率到底是什么呀?
https://www.zhihu.com/question/40506180?sort=created
相关文章推荐
- 分辨率,PPi,DPI,DPR,物理像素,逻辑像素
- 分辨率,PPi,DPI,DPR,物理像素,逻辑像素
- 区分DPI、分辨率(PPI)、图像的物理大小、像素宽度
- 从像素说起(一)CSS中的分辨率,像素(dpi,ppi,物理像素,独立像素,参考像素)
- CSS像素 物理像素 分辨率 PPI
- 移动端DPR,物理像素,逻辑像素,PPI,物理尺寸
- 什么是物理像素、虚拟像素、逻辑像素、设备像素,什么又是 PPI, DPI, DPR 和 DIP
- 区分DPI、分辨率(PPI)、图像的物理大小、像素宽度
- iPhone屏幕像素 分辨率 xcode中的逻辑宽高的介绍以及strcut与class的区别
- 【全解析】屏幕尺寸,分辨率,像素,PPI之间到底什么关系?
- 浅谈实际分辨率与逻辑分辨率实现像素与尺寸的准确转换
- 【全解析】屏幕尺寸,分辨率,像素,PPI之间到底什么关系?for 屏幕适配
- iOS UI设计 ------- 物理分辨率 逻辑分辨率
- 我的Android进阶之旅------>(全解析)屏幕尺寸,分辨率,像素,PPI之间到底什么关系?
- 像素,分辨率,PPI(像素密度),BPP 扫盲
- 移动端开发--物理像素和逻辑像素
- 手机屏幕分辨率、PPI像素密度科普知识大全
- iOS 屏幕尺寸、逻辑分辨率、物理分辨率之间的相互关系
- 手机屏幕分辨率术语:逻辑分辨率和物理分辨率
- 屏幕尺寸,分辨率,像素,PPI之间到底什么关系?