Html 为什么一级标题与其他标题大小相同？

我刚刚创建了一个新的react应用程序，并安装了tailwindcss和antd库。由于某些原因，我的标题标签没有改变字体。我的代码是：

import { Button } from "antd";

function PageHeader() {
  return (
    <>
      <div className="flex flex-wrap">
        <h1 className="p-5">Hello</h1>
      </div>
    </>
  );
}

export default PageHeader;

从“antd”导入{Button}；
函数PageHeader（）{
返回(
你好
);
}
导出默认页眉；

但是，字体大小根本没有改变，仍然像标签一样小

默认情况下，所有标题元素都完全不设置样式，并且具有与普通文本相同的字体大小和字体大小

原因有两方面：

它可以帮助您避免意外偏离类型比例。通过 默认情况下，浏览器会为中不存在的标题指定大小 Tailwind的默认类型比例，并且不保证存在于您的 自己的类型规模

在UI开发中，标题通常应该是可视化的 不强调。默认情况下，使标题未设置样式意味着任何样式 你有意识、有意识地应用标题

---

确保不是您的CSS将字体大小设置为等于所有标题元素。标记本身没有说明字体大小，这是通过CSS处理的。根据浏览器的不同，每个元素都设置了默认字体大小。如果此元素的字体太小，您将在自己的CSS中覆盖。您试图调试该问题的原因是什么？为什么不检查浏览器开发人员工具中每个元素的样式？