h1文本在不同浏览器上的显示方式不同

时间:2019-02-08 16:42:09

标签: html css

您好在不同的浏览器上使用不同的h1大小,请问如何解决此问题

chrome h1 text on chrome上的

h1文本 Firefox上的H1文字 h1 text on firefox

2 个答案:

答案 0 :(得分:0)

您将需要使用CSS来设置font-size,以便所有浏览器都将使用该值代替自己的默认值。

h1 {
  font-size: 2rem;
}

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

许多站点将使用第三方重置CSS,例如normalize.css或编写自己的默认CSS。

答案 1 :(得分:0)

h1标签只是纯html,因此只是语义。 HTML作为语义,不应用任何样式。浏览器将始终尝试呈现“ h”标记,以便您可以了解哪些标记最相关,并将其与其他标记进行比较。在每个浏览器中,H1都将大于h2,但这并不意味着它们将以相同的大小出现。

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