基础概念：
像素Pixels(px)
DPI（dots per inch）和 PPI（pixels per inch）
DPI 打印输出设备的单位网点数
PPI 显示设备的单位像素个数
例子：
图中显示器的一格，打印机是6*6格，即从一行看，打印机dpi值= 6 ＊电脑ppi值，假如一幅图在电脑中是72ppi，那么为了打印效果好（每个墨点有独立数据），打印机得72*6=432dpi
DPI:每英寸像素数Pixels/Inch
PhotoShop中使用的是单位像素显示单位是dpi，实际是ppi
分辨率：1920px*1080px
历史原因：
关于像素在显示器上显示的问题：
① 现在，普通pc的分辨率为96dpi，window系统默认dpi设置是96，mac为72
② 当图片被储存为web格式时（压缩图片大小），那就只是用来显示，对于显示而言，本身的分辨率无意义，真正的显示的是显示器的分辨率，显示器的分辨率决定了图像显示的实际大小，因此，在这种情况下，图像的分辨率属性被更改为显示器的分辨率。即96dpi。
7、为什做设计要用72ppi？
1in（英寸）=2.54cm（厘米）=25.4mm（毫米）=72pt（磅/点）
① 当分辨率设置成72ppi，也就是1英寸里有72个像素点，相当于1pt（磅/点）=1px（像素）
例子，分辨率在72ppi下，文字18pt=18px
分辨率在300ppi下，文字18pt=75px
所以在72ppi的情况下，能够直观的控制文字图片的像素尺寸。
作者：hjj
链接：https://www.zhihu.com/question/22621052/answer/155451020
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
约定俗成：
然后，72只是一个古老的标准而已，上个世纪苹果为了72ppi的Mac和144dpi的ImageWriter（打印机）间便于换算/预览而设定的。
现在嘛，如你所说，72早就不是主流屏幕分辨率了。（大概当年也不是。）我个人理解72ppi只是单纯的作为一个传统一般而存在吧，反正设96设108设什么都可以，既然PS默认72那就72吧……教程让你设72，大概就是“不要设成300”的意思。
作者：DrizztVII
链接：https://www.zhihu.com/question/22621052/answer/22009308
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处
1.布局容器
Web:
Android:
像素为单位做开发：
dp为单位做开发：
IOS:
2.控件：
文字控件
图片控件
后续更新中。。。。。。
网友评论