前端的鸿蒙技术:鸿蒙的像素单位应该如何配置?效果等同于H5的<meta.../>。
继续来聊一下鸿蒙的基础,来看一下关于像素的问题。就来和前端进行对比,这里写了一个200宽度的div,按这个设备来看200像素应该是太窄了。通常在写前端的时候肯定会设一个<meta/>,设置一个像素等于设备像素。
鸿蒙这块是怎么样搞的?来看一下鸿蒙官网,这里有关于像素单位有介绍,其实想要的效果就是VP。VP看到的介绍是根据像素密度转换为屏幕的物理像素,也就是PX是真实的物理像素。而VP用这个单位就相当于是前端加了Metaviewport之后的效果,会根据像素密度把设置的值真正的转换为物理像素。
来看实例,当不写单位的时候默认就是VP,这里大概是差了3倍,把它来补齐,这不是一样了。如果设备像素密度是2,其实就应该是这样的效果,200VP就应该是这样的效果。现在的设备都是3了,基本上没有2的了。