我们一起了解一下fontSize属性设置使文本中字体大小发生变化的过程:

欢迎各位一起来参观哦!

12.图解鸿蒙之Text组件-介绍fontSize_嵌套

12.图解鸿蒙之Text组件-介绍fontSize_缩放_02

1、含义

  • fontSize是用于指定文本字体大小的属性。它直接影响文本在界面或文档中的视觉呈现效果,决定了字符的大小尺寸,从而对文本的可读性和整体布局产生重要作用。合适的字体大小可以确保用户能够轻松舒适地阅读文本内容,同时也有助于营造出美观、协调的视觉界面。
  • 2、相对单位(em、rem、%)
  • em:是相对于元素自身的字体大小来计算的。例如,如果一个元素的fontSize被设置为1em,而它的父元素字体大小是16px,那么该元素的字体大小就是16px;如果父元素字体大小变为32px,它的字体大小也会相应地变为32pxem单位常用于创建具有比例关系的字体大小体系,方便在不同的嵌套元素之间实现统一的缩放效果。
  • rem:是相对于根元素(在 HTML 中通常是<html>标签)的字体大小来计算的。例如,无论文档结构中的元素嵌套多深,只要根元素的fontSize被设置为1rem对应的某个像素值(如16px),那么所有设置为1rem的元素字体大小都为16px。这种单位在实现整个页面或应用的全局字体大小控制时非常有用。
  • %:与em类似,也是一种相对单位,它是相对于父元素字体大小的百分比。例如,fontSize: 50%;意味着元素的字体大小是其父元素字体大小的一半。