如何理解标注图中的多个尺寸标准？要基于哪个标准开发？

Question

之前开发移动端自适应网页都是按照淘宝和网易的那套来做的，简单粗暴，看着设计图的尺寸，折算一下rem单位的比例，js获取视口宽度动态改变根元素的字体大小就行了。但现在有个新的标注图，罗列了如下许多种单位标准。我看不同的标准还有dp，pt等单位（这些也都不理解）。如图所示：请教各位，这个时候应该要按哪种标准呢？或者这些标准可以分成几种情况来处理？没一点思路，就无从下手了。