css中的像素在iphone6 plus与iphone6渲染的不同效果
最近做项目中，遇到了一个问题，就是UE拿着一张图片来问我，为什么iphone6下面的一个图片，在iphone6 plus下看起来更大。于是我好说歹说，让他接受了这种变化，但是其实这种变化的原理，还是得深究的。 1. 什么是PPI 首先要了解一个名词：PPI，百度百科上这么解释道： Pixels Per Inch也叫像素密度，所表示的是每平方英寸所拥有的像素数量。 分享我们已知的一些参数： 机型 物理分辨率 逻辑分辨率 iphone5 640×1136 320×568 iphone6 750×1334 375×667 iphone6 plus 1080×1920 414×736 从上方我们可以看出，iphone5/iphone6的物理分辨率，是逻辑分辨率的2倍。而且，开发移动端的同学应该也知道，一般UE会给我们一张图，让后在我们开发的时候，让我们去除2。 也就是说，其实UE是按照物理分辨率去设计的，而我们呢，是按照逻辑分辨率去写代码的。所以，我们需要对于UE图上的单位进行除2。 然而，6plus比较神奇的打破了这个规律，它的物理分辨率，是逻辑分辨率的2.6倍左右，于是乎，难不成让UE去按照1080*1920做个图，然后，我们拿到的数都除以2.6?要死了...要死了...要死了... 善良的苹果公司，考虑到了我们的感受，于是，我们的射鸡湿，假装iphone6 plus的分辨率是：