HarmonyOS4 vp单位计算

我们在harmonyOS中设置宽度等单位时 需要在后面写明具体是什么单位

width("100%")

这里 我们就写明了是 百分之百

如果不写 直接给数值

width(100)

那么 它就会按vp去读
这里就被读为 100vp

vp 之前是一种移动端宽度概念 后面鸿蒙重定义了它的概念
计算公式是 px 乘以 160 然后除以ppi
ppi 就是像素点密度

在这里插入图片描述
基于px 就还是一个相对单位 是不具备适应宽度能力的
但相对 它加上了像素点密度的计算 会更友善与设备之间的效果
既然官方推荐 在要用px的地方 可以选择 vp
但想做响应式 最好还是百分比了

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/290579.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

实战环境搭建-安装xshell和xftp

实战环境搭建-安装xshell和xftp

安装xshell和xftp的原因是想远程虚拟机，很多时候，直接去操作虚拟机明显不太方便。 所以，我们需要一个能够搭载虚拟机和本地电脑之间的桥梁，哪怕是你们去了企业，也和这个类似，唯一的区别是企业里面更多连接…
阅读更多...
Centos 磁盘挂载和磁盘扩容(新加硬盘方式)

Centos 磁盘挂载和磁盘扩容(新加硬盘方式)

步骤总结如下 一、对磁盘进行分区 二、对磁盘进行格式化 三、将磁盘挂载到对应目录 四、做开机自动挂载磁盘 磁盘分区 1.使用命令：fdisk -l 查看磁盘（注：正常在Centos7中第一块数据盘标识一般是/dev/sda,第二块数据盘标识一般是/dev/sdb&…
阅读更多...
2024年防止内卷和被潜规则，RocketMQ消息中间件实战派上下册上线啦｜架构随笔录

2024年防止内卷和被潜规则，RocketMQ消息中间件实战派上下册上线啦｜架构随笔录

2023已经过去啦，作为技术小伙伴一定要做好2024年的规划，只有这样才能够避免内卷和潜规则。 2024年即将是一个重新开始的一年，但是你要说互联网不倦，那是不可能的，就连某大厂都开始走下坡路啦，里面卷的是不…
阅读更多...
时间序列平稳性相关检验方法

时间序列平稳性相关检验方法

理解平稳性 一般来说，平稳时间序列是指随着时间的推移具有相当稳定的统计特性的时间序列，特别是在均值和方差方面。平稳性可能是一个比较模糊的概念，将序列排除为不平稳可能比说序列是平稳的更容易。通常不平稳序列有几个特征： …
阅读更多...
【Pytorch】学习记录分享13——OCR(Optical Character Recognition,光学字符识别)

【Pytorch】学习记录分享13——OCR(Optical Character Recognition,光学字符识别)

[TOC](OCR(Optical Character Recognition,光学字符识别)) 1. OCR资源汇总 OCR(Optical Character Recognition,光学字符识别)指提取图像中的文字信息，通常包括文本检测和文本识别。 文字检测：将图片中的文字区域位置检测出来（如图1(b)所示…
阅读更多...
怎么寄快递可以便宜一点,怎么领快递优惠券？

怎么寄快递可以便宜一点,怎么领快递优惠券？

随着网购越来越多了，人们对于寄快递的需求也越来越大啦。那么，怎么样寄快递才便宜呢？今天，就让有十年网店经验的小编来告诉你。忒别是最近又临近年关，人民喜悦的心情越来越迫切。亲戚朋友之间互送礼品的往来也越来越密…
阅读更多...
C++ 多态向下转型详解

C++ 多态向下转型详解

文章目录 1 . 前言2 . 多态3 . 向下转型3.1 子类没有改进父类的方法下，去调用该方法3.2 子类有改进父类的方法下，去调用该方法3.3 子类没有改进父类虚函数的方法下，去调用改方法3.4 子类有改进父类虚函数的方法下，去调用改方法3.5…
阅读更多...
【设计模式之美】面向对象分析方法论与实现（二）：需求到接口实现的方法论

【设计模式之美】面向对象分析方法论与实现（二）：需求到接口实现的方法论

文章目录 一. 进行面向对象设计1. 划分职责>需要有哪些类2. 定义类及其属性和方法3. 定义类与类之间的交互关系4. 将类组装起来并提供执行入口 二. 如何进行面向对象编程？1. 接口实现2. 辩证思考与灵活应用 【设计模式之美】面向对象分析方法论与实现&#xff08…
阅读更多...
【JUC】Volatile关键字+CPU/JVM底层原理

【JUC】Volatile关键字+CPU/JVM底层原理

Volatile关键字 volatile内存语义 1.当写一个volatile变量时，JMM会把该线程对应的本地内存中的共享变量值立即刷新回主内存中。 2.当读一个volatile变量时，JMM会把该线程对应的本地内存设置为无效，直接从主内存中读取共享变量 所以volatile…
阅读更多...
力扣hot100 二叉树展开为链表 递归 特殊遍历

力扣hot100 二叉树展开为链表 递归 特殊遍历

👨‍🏫 题目地址 👩‍🏫 参考题解 😋 将左子树插入到右子树上 /*** Definition for a binary tree node.* public class TreeNode {* int val;* TreeNode left;* TreeNode right;* TreeNode() {}* …
阅读更多...
基于ssm毕业设计选题系统论文

基于ssm毕业设计选题系统论文

摘 要 现代经济快节奏发展以及不断完善升级的信息化技术，让传统数据信息的管理升级为软件存储，归纳，集中处理数据信息的管理方式。本毕业设计选题系统就是在这样的大环境下诞生，其可以帮助管理者在短时间内处理完毕庞大的数据信息…
阅读更多...
ubuntu20快速搭建自己的git代码仓库环境

ubuntu20快速搭建自己的git代码仓库环境

##安装docker groupadd docker apt install docker.io ##用户添加到docker组 sudo usermod -aG docker ${USER} ##用户添加sudo cat /etc/sudoers apt install vim ##sudoers文件权限可以写 chmod uw sudoers vim sudoers ##在root底下添加这行，yym改到自…
阅读更多...
Android 项目适配64位架构后，腾讯X5内核加载失败解决方案

Android 项目适配64位架构后，腾讯X5内核加载失败解决方案

前些天发现了一个蛮有意思的人工智能学习网站,8个字形容一下"通俗易懂，风趣幽默"，感觉非常有意思,忍不住分享一下给大家。 👉点击跳转到教程 在接入最新腾讯X5内核后，发现初始化会失败，在APP模块的build.gra…
阅读更多...
关于设计模式的一点总结

关于设计模式的一点总结

一、GoF 23种设计模式 1.分类 GoF 23种设计模式可分为几类：创建型、结构型和行为型。如下表 分类设计模式创建型单例模式、工厂方法模式、抽象工厂模式、原型模式、建造者模式结构型代理模式、适配器模式、装饰者模式、桥接模式、组合模式、门面模式、享元模式行…
阅读更多...
js——json对象相互转化——js基础积累

js——json对象相互转化——js基础积累

js——json对象相互转化——js基础积累 需求场景解决步骤1：定义一个变量接收此字段，方便处理解决步骤2： { 外面的双引号要去掉解决步骤3：使用正则去除参数中的\\解决步骤4：如果此参数必须以{开头，以}结尾解…
阅读更多...
[C#]C# OpenVINO部署yolov8目标检测模型

[C#]C# OpenVINO部署yolov8目标检测模型

【官方框架地址】 https://github.com/ultralytics/ultralytics.git 【算法介绍】 YOLOv8 抛弃了前几代模型的 Anchor-Base。 YOLO 是一种基于图像全局信息进行预测的目标检测系统。自 2015 年 Joseph Redmon、Ali Farhadi 等人提出初代模型以来，领域内的研究者们…
阅读更多...
Transformer简略了解

Transformer简略了解

Transformer出自论文：《Attention Is All You Need》 该论文的提出，对RNN循环神经网络产生了冲击，席卷了自然语言处理(NLP)领域，后续的GPT4.0版本也是根据其进行训练优化的 一、Transformer主体架构 可以简化分为Encoders和Decod…
阅读更多...
绿色能源、引领未来-2024武汉国际氢能源及燃料电池产业展览会

绿色能源、引领未来-2024武汉国际氢能源及燃料电池产业展览会

绿色能源、引领未来-2024武汉国际氢能源及燃料电池产业展览会 2024武汉国际氢能源及燃料电池产业博览会 2024 Wuhan International Hydrogen Energy and Fuel Cell Industry Expo 同期举办：2024世界汽车制造技术暨智能装备博览会 时间：2024.8.14-16 …
阅读更多...
Vue: 多个el-select不能重复选择相同属性

Vue: 多个el-select不能重复选择相同属性

一、场景 1.需求&#xff1a; 用户可自由选择需要修改的对象并同时修改多个属性&#xff0c;需要校验修改对象不能重复选择&#xff0c;但是可供修改属性是固定的 2.目标效果&#xff1a; 二、实现 1.主要代码&#xff1a; <template><el-selectv-model"se…
阅读更多...
uniapp中组件库丰富的Switch 开关选择器使用方法

uniapp中组件库丰富的Switch 开关选择器使用方法

目录 #平台差异说明 #基础使用 #加载中 #禁用switch #自定义尺寸 #自定义颜色 #自定义样式 #异步控制 API #Switch Props #Switch Event 选择开关用于在打开和关闭状态之间进行切换。 #平台差异说明 App&#xff08;vue&#xff09;App&#xff08;nvue&#xff0…
阅读更多...
最新文章

Copyright @ 2022~2023