鸿蒙的像素单位应该如何配置

省流

用 pv,其实不写单位就可以了

前端中像素的配置

我们就来和前端进行对比,我这里与了一个200 宽度的 div 吧,
那我们就按他这个设备来看的话, 这个200 像素应该是太窄了, 对吧?
在这里插入图片描述
那我们通常在写前端的时候
你肯定会设一个<meta /> (设置像素等于设备像素)
那鸿蒙他这块是怎么样搞的?

鸿蒙中如何配置类前端像素效果

我们看鸿蒙官网这里, 有关于像素单位有介绍
其实呢, 我们想要的就是VP
从介绍来看,他说是 根据素密度转换为屏幕的物理像素,
也就是说这个 px 是真实的物理像素
在这里插入图片描述
用这个单位, 就相当于是我们前端加了这个<meta name="viewport" ... /> 的一个效果,
它会根据你的像素密度把你设置的值真正的转换为物理像素。
咱们来看实例:
在这里插入图片描述
当我们不写单位的时候, 它默认就是VP, 与红色的200px相比,大概是差了3倍,
也就是 200vp 等于 600px

  • 10
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值