如何将 div 设置为与 h1 相同的样式?

How to style div the same as h1?

我有网站 - 我的波兰语博客,主页和文章页面有一个区别,主页上的 h1 和文章上的 div,div 在移动设备上损坏(大小 360px宽度,在桌面开发工具中相同)

文章

<div class="h"><a href="...">Głównie JavaScript</a></div>

https://jcubic.pl/2020/02/powiadomiena-push-notifications.html

主页

<h1 class="h"><a href="...">Głównie JavaScript</a></h1>

https://jcubic.pl

一切都一样,我什至将 h1 CSS 样式从 user-agent css 复制到 .h 到我的文件中。

我试过添加 normalize.css 但没有效果。我需要使用 div 因为 SEO h1 应该是文章标题,在主页(和索引页)上它可以是博客标题。

为什么我无法将 div 设置为与 h1 相同的样式,h1 和 div 之间的区别是什么浏览器有些怪癖,您不能使它们看起来相同?

编辑:

这个问题除了标签之外没有任何关系,我只是替换了文章页面上的标签,只是为了确保其他代码不会干扰 header,并且它有效与索引页相同。所以问题是h1.

我认为当元素为 div 时,我将为 header 创建新的 css,但我仍然想知道为什么它不一样,是吗Chrome 错误?

不知道为什么,但解决方案是使用与 h1 相同的 p 标签。如果你知道为什么创建一个答案。