在 CSS 中，字体大小有最小限制，也就是说，如果你设置字体过小，浏览器会自动将其调整到最小大小，通常情况下这个最小值是 12px。这个限制的原因是为了避免出现难以阅读的小字体，从而影响用户体验。
如果你一定要使用更小的字体，可以通过以下几种方式来解决：
/* 方法一：使用相对单位 */
p {
font-size: 0.8em; /* 相对于父元素的字体大小，不受最小限制影响 */
}
/* 方法二：使用 rem 单位 */
p {
font-size: 10px; /* 10px 是你想要的字体大小 */
font-size: 1rem; /* 计算得出的字体大小，不受最小限制影响 */
}
/* 方法三：使用 transform 缩放 */
p {
transform: scale(0.8); /* 缩放比例为 0.8，不受最小限制影响 */
}除了上述方法外，还可以通过修改浏览器设置来解决，比如在 Chrome 浏览器中，你可以通过如下步骤来修改字体最小限制：
- 打开 Chrome 浏览器设置
- 点击“高级”选项
- 在“系统”一栏中，找到“字体大小”选项，将其设置为“非常小”
不过需要注意的是，这种方式只能针对自己的浏览器生效，对其他用户则没有用处。