Html h1文本在不同浏览器上显示不同

您好，我在不同的浏览器上有不同的h1大小，请问我如何解决这个问题

chrome上的h1文本 firefox上的h1文本

---

您需要使用CSS设置字体大小，以便所有浏览器都使用该值而不是自己的默认值

h1 {
  font-size: 2rem;
}

您可能需要重置其他属性以获得一致的跨浏览器结果

---

许多网站都会使用第三方重置CSS，或者编写自己的默认值。

h1标记只是纯html，所以它只是语义。作为语义，HTML不应用任何样式。浏览器总是试图以一种您可以理解哪些标记最相关的方式呈现h标记，并将其与其他标记进行比较。H1在每个浏览器中都比h2大，但这并不意味着它们的大小完全相同

h1 {
  font-size: 2rem;
}

---

您需要应用CSS来实现所需的行为。请记住，html只是语义，而不是样式：通常我们可以在样式表中插入规范化或重置CSS代码，以便重置称为用户代理样式表的浏览器。尝试使用具有正确值的字体大小属性。干得好

浏览器有不同的默认外观。尝试在css中指定您想要的确切外观。用户代理可以完全忽略您关于演示文稿的提示。正如在另一篇评论中所建议的那样，您可以使用CSS对这一提示进行更多的调整，但最终用户代理可以自由地忽略您向其呈现的任何内容。