iphone 物理像素,与CSS像素

图片描述

我知道 dpr = 物理像素/ 独立像素
前面的几个还对,比如 4/4s、5/5C/5S/SE

但是到后面 7/7P/8 ,怎么就不对了呢?,上面的公式就不成立了?
这是为什么呢?
请教各位大神!!!!
独立像素 * dpr 不应该 就等于 物理像素吗?

查阅的网上相关资料地址
https://blog.csdn.net/qq_2708...

阅读 2.8k
2 个回答

有部分数据错误。
iphone 6/7/8dpr=2
iphone 6p/7p/8pdpr=3

最多是plus系列有些疑问。等比一下已知dpr和ppi的关系:

326 * 2 === 401 * plus_dpr

得 plus系列 理论dpr值应该为 2.46
2.46 对开发者其实并不怎么友好(比如切2.46倍的图),苹果就直接取3了。
所以最终是先把css元素放大到3倍再缩小到2.46倍(缩小了0.82倍)。即:

x * 3 * 0.82 = 1080  // 得 x=439

苹果折中一下取了0.87倍,即

x * 3 * 0.87 = 1080  // 得 x=414

即得出现有的plus系列 414x736 css像素。

大屏幕的iphone采用了降采样显示,降采样就是实际上处理器运算出来的画面有22081242这么高的分辨率,但通过一些算法把它「缩小」了以后显示在了19201080的屏幕上。理论上这种「缩小」的过程会影响画质,但因为iPhone用的算法比较好,所以实际上可以认为没有影响,还是401ppi的效果。照你的图iphoneX应该没有降采样。你的图可能也有问题,4.7寸的iphone应该都是用的2倍图吧。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题