css - 响应式设计中的标题。

Question

我的网站有 5 个部分和 5 个标题

<section>
    <h1>this is the header</h1>
</section>

当响应式样式集启动时，设计师添加了一个部分标题，逻辑上现在应该是 h1。

<section>
    <h2>this is the NEW section header for mobile</h2>
    <h1>this is the header</h1>
</section>

现在这显然是错误的，因为 h2 继续 h1。这是我目前的解决方案，但似乎也是错误的。

<section>
    <div class="section-header">this is the NEW section header for mobile</div>
    <h1>this is the header</h1>
</section>

这里的最佳实践是什么。

Answer 1

最终我认为这是一个合理的解决方案

<section>
    <div class="section-header">this is the NEW section header for mobile</div>
    <h1>this is the header</h1>
</section>