长度单位px、vp、fp

在设计页面时需要知道每个组件的大小，这时就需要了解一下长度单位，简略描述一下各单位之间的关系以及转换方法。

px

px是长度单位像素，是显示屏中的一个个小方格。

vp（虚拟像素）

vp=(px*160)/PPI
屏幕像素点密度（Pixels Per Inch-PPI）：对角线像素点个数/屏幕尺寸。即每英寸中有多少个像素点。

写vp的好处：
手机在显示时会根据手机自身的分辨率和尺寸灵活指定宽高，让不同手机在显示同一界面时尽可能保持一样的效果。写px表示写死，写vp表示可以灵活调整。

快速转换：
（因为是粗略计算，故可能不是很准，但是像素丢失或多出几个并没有太大影响）

例如：
当分辨率为10802340时，该分辨率与19201080相近，故我们可以按三倍来粗略估计，将200px转换成67vp,显示出的结果并无太大影响。但如果想要精确，就需要用上面的公式计算了。

fp

vp与fp的计算方式一样，但vp是长度单位，用于定制组件的宽和高，fp是大小单位，用于字体的大小。

这篇好文章是转载于：学新通技术网