本文原载于SegmentFault专栏
作者：ConardLi
整理编辑：SegmentFault
移动端适配，是我们在开发中经常会遇到的，这里面可能会遇到非常多的问题：
1px问题UI图完美适配方案iPhoneX适配方案横屏适配高清屏图片模糊问题...上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？
本文将从移动端适配的基础概念出发，探究移动端适配各种问题的解决方案和实现原理。
一、英寸
一般用英寸描述屏幕的物理大小，如电脑显示器的17、22，手机显示器的4.8、5.7等使用的单位都是英寸。
需要注意，上面的尺寸都是屏幕对角线的长度：
英寸(inch,缩写为in)在荷兰语中的本意是大拇指，一英寸就是指甲底部普通人拇指的宽度。
英寸和厘米的换算：1英寸=2.54厘米
二、分辨率
2.1像素
像素即一个小方块，它具有特定的位置和颜色。
图片、电子屏幕（手机、电脑）就是由无数个具有特定颜色和特定位置的小方块拼接而成。
像素可以作为图片或电子屏幕的最小组成单位。
下面我们使用sketch打开一张图片：
将这些图片放大即可看到这些像素点：
通常我们所说的分辨率有两种，屏幕分辨率和图像分辨率。
2.2屏幕分辨率
屏幕分辨率指一个屏幕具体由多少个像素点组成。
下面是apple的