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

Question

之前开发移动端自适应网页都是按照淘宝和网易的那套来做的，简单粗暴，看着设计图的尺寸，折算一下rem单位的比例，js获取视口宽度动态改变根元素的字体大小就行了。

但现在有个新的标注图，罗列了如下许多种单位标准。我看不同的标准还有dp，pt等单位（这些也都不理解）。如图所示：

请教各位，这个时候应该要按哪种标准呢？或者这些标准可以分成几种情况来处理？没一点思路，就无从下手了。

Answer 1

可以看这篇，http://blog.csdn.net/w_l_l/ar...
弄清移动端网页中viewport、retina、高清图、dp单位等
http://blog.csdn.net/maxbyzho...