CSS 字体大小
字体大小
这 font-size 属性设置文本的大小。
在网页设计中，能够管理文本大小非常重要。但是，您不应使用字体大小调整来使段落看起来像标题，或使标题看起来像段落。
始终使用正确的 HTML 标签，例如<h1> -<h6> 标题和<p>对于段落。
字体大小值可以是绝对大小，也可以是相对大小。
绝对大小：
- 将文本设置为指定大小
- 不允许用户在所有浏览器中更改文本大小（不利于可访问性）
- 当输出的物理尺寸已知时，绝对尺寸很有用
相对大小：
- 设置相对于周围元素的大小
- 允许用户更改浏览器中的文本大小
笔记： 如果您未指定字体大小，则普通文本（如段落）的默认大小为 16px（16px=1em）。
用像素设置字体大小
使用像素设置文本大小可让您完全控制文本大小：
提示： 如果使用像素，您仍然可以使用缩放工具调整整个页面的大小。
使用 Em 设置字体大小
为了允许用户调整文本大小（在浏览器菜单中），许多开发人员使用 em 而不是像素。
1em 等于当前字体大小。浏览器中的默认文本大小为 16px。因此，1em 的默认大小为 16px。
可以使用以下公式来计算从像素到 em 的尺寸： 像素/16=埃姆
例子
h1 {
字体大小：2.5em；/* 40px/16=2.5em */
}
h2 {
字体大小：1.875em；/* 30px/16=1.875em */
}
磷{
字体大小：0.875em；/* 14px/16=0.875em */
}
亲自尝试 »
上例中，文字大小（单位为 em）与上例中（单位为像素）相同。不过，使用 em 大小，可以在所有浏览器中调整文字大小。
不幸的是，旧版本的 Internet Explorer 仍然存在问题。文本在放大时会变得比应有的更大，在缩小时又会变得比应有的更小。
结合使用百分比和 em
适用于所有浏览器的解决方案是设置默认字体大小（以百分比表示）<body> 元素：
我们的代码现在运行得很好！它在所有浏览器中显示相同的文本大小，并允许所有浏览器缩放或调整文本大小！
响应式字体大小
文本大小可以用 vw 单位，表示“视口宽度”。
这样，文本大小就会跟随浏览器窗口的大小：
你好世界
调整浏览器窗口的大小来查看字体大小如何缩放。
视口是浏览器窗口大小。1vw = 视口宽度的 1%。如果视口宽度为 50 厘米，则 1vw 为 0.5 厘米。
