如何使用CSS调整字体大小

使用CSS调整字体大小，可以使用以下几种方法：

1. 使用字号

  font-size: 16px;

使用字号，可以指定字体的大小，单位为像素（px），可以设置任意的字号，比如：12px、14px、16px等。

2. 使用百分比

  font-size: 120%;

使用百分比，可以指定字体的大小，百分比是相对于父元素的字体大小的，比如：120%、150%、200%等。

3. 使用em

  font-size: 1.2em;

使用em，可以指定字体的大小，em是相对于父元素的字体大小的，比如：1.2em、1.5em、2em等。

4. 使用rem

  font-size: 1.2rem;

使用rem，可以指定字体的大小，rem是相对于根元素（html）的字体大小的，比如：1.2rem、1.5rem、2rem等。

5. 使用vw/vh

  font-size: 10vw;

使用vw/vh，可以指定字体的大小，vw/vh是相对于视口（viewport）的字体大小的，比如：10vw、15vh、20vw等。

6. 使用媒体查询

  @media (min-width: 600px) {
    font-size: 16px;
  }

使用媒体查询，可以根据屏幕大小来指定字体的大小，比如：当屏幕宽度大于600px时，字体大小为16px，当屏幕宽度小于600px时，字体大小为14px等。

7. 使用CSS3新属性

  font-size: calc(100% + 10px);

使用CSS3新属性，可以指定字体的大小，calc()可以计算出字体的大小，比如：calc(100% + 10px)、calc(100% - 10px)、calc(120% + 10px)等。

以上，使用CSS调整字体大小，可以使用字号、百分比、em、rem、vw/vh、媒体查询、CSS3新属性等多种方式来指定字体的大小。

千锋教育是高品质web前端培训机构，千锋教育拥有大量实力web前端培训讲师，提供优质的web培训课程，web前端培训，欢迎报名千锋教育。