版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_29412527/article/details/81060024
移动开发包括：原生APP，混合APP，webApp
移动端开发和pc端开发有什么不同？
移动设备与PC设备最大的差异在于屏幕，这主要体现在屏幕尺寸和屏幕分辨率两个方面。
屏幕和分辨率
- 屏幕尺寸，实际上指的是屏幕对角线的长度（一般用英寸度量）
- 分辨率一般用像素来度量，表示屏幕水平和垂直方向的像素数，PC端常见1366*768。移动端多种，比如960*640.
长度单位
绝对长度单位：in（英寸）、cm（厘米）
相对长度单位：px
像素密度
- DPI（Dots Per Inch）是印刷行业中用来表示打印机每英寸可以喷的墨汁点数
- PPI（Pixels Per Inch）值来表示屏幕每英寸的像素数量，我们将PPI、DPI都称为像素密度，但PPI应用更广泛，DPI在Android设备比较常见。
PPI值的越大，说明相对的英寸里面存放的像素点越多，画质越清晰。
Retina即视网膜屏幕，苹果注册的命名方式，意指具有较高PPI（大于320）的屏幕。
在屏幕尺寸（英寸）固定时，PPI和像素大小的关系？
在屏幕尺寸固定时，PPI越大，像素的实际大小就会越小，当PPI越小，像素实际大小就越大。
设备独立像素
随着技术发展，设备不断更新，出现了不同PPI的屏幕共存的状态（如iPhone3G/S为163PPI，iPhone4/S为326PPI），像素不再是统一的度量单位，这会造成同样尺寸的图像在不同PPI设备上的显示大小不一样。
如下图，假设你设计了一个163*163的蓝色方块，在PPI为163的屏幕上，那这个方块看起来正好就是1*1寸大小，在PPI为326的屏幕上，这个方块看起来就只有0.5*0.5寸大小了。
像素
物理像素（分辨率）
物理像素指的是屏幕渲染图像的最小单位，属于屏幕的物理属性，不可认为更高。其值大小决定了屏幕渲染图像的品质
获取屏幕的物理像素尺寸：
window.screen.width
window.screen.height
CSS像素
CSS像素指的是通过CSS进行网页布局时用到的单位，其默认值(PC端)是和物理像素保持一致的（1个单位的CSS像素等于1个单位的物理像素）
物理像素和CSS像素的一个关系:1个物理像素并不总是等于一个CSS像素，通过调整浏览器缩放比例。