css 字体随屏幕变大而变大，缩小而缩小

CSS 中可以使用 `font-size` 属性以及一些单位来实现字体大小随着屏幕尺寸的变化自动调整。其中一种常用的方法是使用相对单位，如 `em` 或 `%`，而非固定像素值。

1. **相对单位**:
- `em`: 以元素的字体大小为基础，比如设置 `font-size: 16px;`，然后 `.my-element { font-size: 1.5em; }`，会使该元素的文字放大到原本的1.5倍。
- `%`: 以视口宽度的百分比表示，如 `font-size: 20%;` 会根据浏览器窗口的大小动态改变。

2. **媒体查询 (Media Queries)**:
CSS3 的媒体查询允许你在特定设备视口尺寸下应用不同的样式，包括字体大小。例如：

   @media screen and (min-width: 768px) {
     body {
       font-size: 18px;
     }
   }

当屏幕宽度超过768px时，字体大小将增加到18px。

3. **响应式设计框架**: 一些前端框架如Bootstrap提供了响应式的字体调整功能，如设置 `font-size: rem;` 来让字体基于根元素（通常为`html`）的字体大小计算。