鸿蒙移动端像素问题？设计图和vp的比例？

鸿蒙移动端最主要的问题是怎样适配所有大小不同的移动设备端口？
大家都知道原始的css3适配方案是媒体查询和rem布局，媒体查询是现有多种ui框架的底层原理，写非ui框架项目时候，rem更好用一些。
但是rem需要有一个设计图比例问题，鸿蒙到底应该是多少？
首先：鸿蒙项目的像素单位是vp。
其次：鸿蒙设计图是360的倍数，就是720px或者1080px的设计图。开发者量到的实际像素应该按照设计图/360的比例进行换算，得到最终的vp值

由此可见，不管设计图是720px，还是1080px 项目中内容宽度写360vp 都会占满全屏
最基本的代码：

  build() {
    Row() {
    }
    .width('360vp')
    .height('100vp')
    .backgroundColor('red')
  }