VUE H5字体在安卓手机偏上解决

安卓手机展示样式,数字偏上,展示效果如图:
在这里插入图片描述

项目内添加新字体,引用新字体
vue 项目需要引入字体的话, 可以移步到这篇文章(无需下载依赖包)Vue3中引入外部自定义字体
项目文件assets内创建font文件夹, 粘贴你想用的字体, 创建对应的css文件;

在这里插入图片描述
scss代码:

@font-face {/* 自定义的字体名车,调用该字体时使用 */font-family: "OPPOSans-M";/* 引用字体包。.ttf后缀不区分大小写,用.TTF也可以 */src: url("OPPOSans-M.ttf");font-weight: normal;font-style: normal;
}

main.ts引入:

import "@/assets/font/font.scss";

页面使用:

.sort_num {//父级divdisplay: flex;align-items: center;justify-content: center;width: 24px;height: 16px;border-radius: 4px;background: rgba(73, 179, 255, 0.15);box-sizing: border-box;border: 0.5px solid rgba(73, 179, 255, 1);text-align: center;letter-spacing: 0.75px;color: #49b3ff;text-shadow: 0px 0px 2px rgba(73, 179, 255, 0.4);span {//数字font-family: OPPOSans-M;font-size: 12px;font-weight: bold;}
}

最终效果:数字上下左右居中显示
在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

CV每日论文--2024.5.15

1、Can Better Text Semantics in Prompt Tuning Improve VLM Generalization? 中文标题:更好的文本语义在提示微调中能否提高视觉语言模型的泛化能力? 简介:这篇论文介绍了一种新的可学习提示调整方法,该方法超越了仅对视觉语言模型进行微调的传统方…

mysql主从热备+keepalived+ipvsadm 部署 mysql高可用主备+负载均衡模式

1、工作原理 ipvsadm工具工作原理: ipvsadm是一个用于管理IPVS(IP Virtual Server)的命令行工具。IPVS是linux内核中的一种负载均衡技术,它允许将网络流量分发到多个后端服务器,以提高系统的可用性、性能和扩展性。而…

Android面试题之Kotlin的几种常见的类

本文首发于公众号“AntDream”,欢迎微信搜索“AntDream”或扫描文章底部二维码关注,和我一起每天进步一点点 初始化的顺序 主构造函数里声明的属性 类级别的属性赋值 init初始化块里的属性赋值和函数调用 次构造函数里的属性赋值和函数调用 延迟初始…

统计学第2天

参数估计 基本概念 估计量与估计值 估计量:用于估计总体参数的随机变量 如:样本均值,样本比例,样本方差等 例如:样本均值就是总体均值的一个估计量 估计值:估计参数时计算出来的统计量的具体值 如&…

VMware Fusion 13.5.2 for Mac 发布,产品订阅模式首个重大变更

VMware Fusion 13.5.2 for Mac 发布,产品订阅模式首个重大变更 适用于基于 Intel 处理器和搭载 Apple 芯片的 Mac 的桌面虚拟化软件 请访问原文链接:https://sysin.org/blog/vmware-fusion-13/,查看最新版。原创作品,转载请保留…

美港通正规炒股市场沪指收跌0.82% 证券板块调整

5月15日电 15日,A股三大指数集体下挫。上证指数跌0.82%,报3119.9点;深证成指跌0.88%,报9583.54点;创业板指跌0.9%,报1838.89点。沪深京三市成交额7651亿元,其中沪深两市7611亿元,较上日缩量635亿元。沪深两市超3800只个股下跌。 美港通证券以其专业的服务和较低的管理费用在市…

Java入门基础学习笔记25——死循环和循环嵌套

死循环: 可以一直执行下去的一种循环,如果没有干预不会停下来。 死循环的写法: 例: package cn.ensource.loop;public class EndLessLoopDemo5 {public static void main(String[] args) {// 目标;掌握死循环的写法w…

数据分析案例-印度美食数据可视化分析

🤵‍♂️ 个人主页:艾派森的个人主页 ✍🏻作者简介:Python学习者 🐋 希望大家多多支持,我们一起进步!😄 如果文章对你有帮助的话, 欢迎评论 💬点赞&#x1f4…

Word文件加密方法分享,为文档上锁很简单!

“我在使用电脑时,需要将一份Word文档加密,但是不知道应该怎么去操作,大家可以给我分享一些简单的文件加密方法吗?” 随着数字化办公的普及,Word文档的安全性越来越受到人们的关注。为了确保重要文档的机密性和安全性&…

不懂技术可以当项目经理吗?看完这篇你就知道了

项目经理作为项目的核心负责人,主要负责项目的规划、组织、协调和控制。 如果你不懂技术,但具备出色的项目管理技能,你仍然可以成功地管理项目。你可以通过与技术团队建立紧密的合作关系,明确项目需求,并依赖技术团队…

基于SpringBoot设计模式之创建型设计模式·生成器模式

文章目录 介绍开始架构图样例一定义生成器定义具体生成器(HTML格式、markdown格式)实体类HTML格式生成器MarkDown格式生成器 测试样例 总结优点缺点 介绍 将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示。   如…

2024 年第四届长三角高校数学建模竞赛C题

赛道 C:汽后配件需求预测问题 在汽后行业的供应链管理中,精准的需求预测是后续管理及决策的基础。各个汽后配件即为一个库存单位(SKU,Stock Keeping Unit),如果可以准确预知未来对于各个配件的市场需求&am…

[数据结构]红黑树的原理及其实现

文章目录 红黑树的特性红黑树的时间复杂度推导:结论红黑树与AVL树比较 红黑树的插入红黑树的节点定义调整策略思考情况2:思考情况3: 代码实现myBTRee.htest.cpp 红黑树的特性 红黑树最常用的平衡二叉搜索树。跟AVL树不同的是,红黑…

Chirpstack配合网关与lora设备通信

之前的章节讲过chirpstack的下载和安装部署,这节算是后续,利用chirpstack和lora设备做通信, 首先开启chirpstack,并登录,登录完成之后需要添加网关和设备,添加网关也就是Gatway,所以点开左侧的G…

「51媒体」北京科技类媒体有哪些?媒体邀约宣传

传媒如春雨,润物细无声,大家好,我是51媒体网胡老师。 北京作为中国的科技创新中心,拥有众多的科技类媒体,这些媒体在科技新闻报道、技术趋势分析、企业产品展示等方面发挥着重要作用。以下是一些北京地区的科技类媒体…

DOS学习-目录与文件应用操作经典案例-dir

欢迎关注我👆,收藏下次不迷路┗|`O′|┛ 嗷~~ 目录 一.前言 二.使用 三.练习 一.前言 dir是"directory"(目录)的缩写,它主要用于展示某个磁盘上的全部或特定文件目录。在DOS操作系统中&#…

如何看待Agent的爆火

在2023年3月,一个名为AutoGPT的框架项目引发了一场AI Agent热潮。这个项目利用大型语言模型,将大任务拆分成小任务,并使用工具完成它们。这种技术将大语言模型处理语言、创造内容和逻辑推理的能力扩展到了应用场景中,还加入了感知…

家政系统源码部署/售后更新/搭建/上线维护

基于FastAdmin和原生微信小程序开发的一款同城预约、上门服务、到店核销家政系统,用户端、服务端(高级授权)、门店端(高级授权)各端相互依赖又相互独立,支持选择项目、选择服务人员、选择门店多种下单方式,支持上门服务和到店核销两种服务方式…

树莓派3B+入门(无外设)

昨日刚到一块树莓派3B,甚是喜爱,然半宿未眠 1、下载 在官网先下载烧录文件https://www.raspberrypi.com/software/ 下载完毕打开,选择,根据自己板子型号定 操作系统用最新的就行,64位不太稳定 储存卡,需…

YOLOV8环境部署(GPU版本)

一、安装cuda和cudnn 1、安装cuda之前先打开英伟达控制面板查看自己的显卡信息 2、“帮助”—>“系统信息”—>“组件”,然后看第三行的信息“Nvidia …