来人人都是产品经理【起点学院】，BAT实战派产品总监手把手系统带你学产品、学运营 。
手机适配，这个词都听烂了 。可是，你确定你懂吗？经常会听到程序猿说：这个我适配一下？这个我没有适配好？......然后你问程序猿，你是怎么适配的？能说明白的没有几个 。这个是系统自动适配的？这个有套算法？再往下问，就没有然后了......
二、关于屏幕的一些物理概念1.屏幕物理尺寸：屏幕对角线的尺寸 。
例如：苹果最新发布了4英寸iPhoneSE，这个4英寸指的就是手机的屏幕物理尺寸 。
iPhoneSE屏幕：长度9.0cm、宽度5.1cm
PS：1英寸(in)=2.54厘米(cm)
2.屏幕分辨率：确定计算机屏幕上显示多少信息的设置，以水平和垂直像素来衡量 。
例如：iPhoneSE分辨率为1136×640（像素） 。
3.屏幕密度（pixelperinch）：每英寸的像素数，简称ppi 。
例如：iPhoneSE像素密度达到326ppi 。
已知iPhoneSE屏幕物理尺寸为4寸；通过屏幕分辩率得到屏幕对角线的像素总数；屏幕对角线的像素总数和屏幕物理尺寸比，就得到了ppi 。
屏幕物理尺寸决定了屏幕的实际尺寸，屏幕分辨率表示屏幕上可以呈现的像素点数，屏幕密度决定了屏幕的精细程度 。
三、开始手机适配吧已知iPhoneSE分辨率为1136×640（像素），让设计狮制作一套分辨率为1136×640（像素）图片；
iPhoneSE分辨率为1334×750（像素），再让设计狮制作一套分辨率为1334×750（像素）图片
以此往复
来看看市场上主流的屏幕分辨率
数据来自友盟指数
如此之多的分辨率，怎么可能一一做图呢？
眼尖的同学可能注意到一个东西，就是屏幕的分辩率基本符合17/9比例 。
例如：iPhoneSE分辨率为1136×640（像素），1136/640?17/9；iPhoneSE分辨率为1334×750（像素），1334/640?17/9 。
17/9这个比例有一个专有名词，叫做长宽比（宽高比），即一个影像的宽度除以它的高度所得的比例，通常表示为“x:y”或“x×y”，其中的冒号和叉号表示中文的“比”之意 。
对于相同长宽比，可以使用同一套效果图，通过放大或缩小的方式来进行界面调整 。虽然引入了长宽比，可以大大降低制作效果图的数量，但是对面如此之多的手机产家，这个数量还是有点大 。
四、工作量太大，让dp来帮忙此时，又要引入一个物理概念，设备独立像素（deviceindependentpixels），android系统中单位，简称dp(dip) 。
dp是设备像素，px是屏幕像素，它们之间是可以换算的；1dp表示在屏幕点密度为160ppi时1px长度，这个定义非常重要 。通过定义，可以计算出每个手机dp和px的关系 。
dp与px关系，根据定义，就是把手机的ppi/160ppi得出，手机的ppi前面已经得出 。
通过dp与px关系，手机适配就变得简单了，就是1x、2x、3x、4x，这些名词大家应该也有听过，指的就是dp与px关系 。此时也不用纠结比较特殊的长宽比了，比如iphone4s和MEIZUMX2 。虽然dp是android系统中单位，应用到IOS手机中，在换算成px的过程中，原理是相通的，与系统无关 。
目前市场主流的是2x屏手机，3x屏手机也逐渐流行起来了，也就是大屏机 。
对于不同的“dp与px关系”有几种适配的方式：
