省流
用 pv,其实不写单位就可以了
前端中像素的配置
我们就来和前端进行对比,我这里与了一个200 宽度的 div
吧,
那我们就按他这个设备来看的话, 这个200 像素应该是太窄了, 对吧?
那我们通常在写前端的时候
你肯定会设一个<meta />
(设置像素等于设备像素)
那鸿蒙他这块是怎么样搞的?
鸿蒙中如何配置类前端像素效果
我们看鸿蒙官网这里, 有关于像素单位有介绍
其实呢, 我们想要的就是VP
从介绍来看,他说是 根据素密度转换为屏幕的物理像素,
也就是说这个 px 是真实的物理像素
用这个单位, 就相当于是我们前端加了这个<meta name="viewport" ... />
的一个效果,
它会根据你的像素密度把你设置的值真正的转换为物理像素。
咱们来看实例:
当我们不写单位的时候, 它默认就是VP, 与红色的200px相比,大概是差了3倍,
也就是 200vp 等于 600px