基于同一组件的视图(移动/桌面)的不同HTML标题标记(h1/h2)

Question

要求：我需要创建一个包含文本和图像的"banner"组件。

标题的设计定义：

移动

桌面
h1:50px	h1:30px
h2:42px	h2:26px

对于同一组件，heading标签在移动设备和桌面上是否应该一致？

它取决于页面的其余部分，但(根据您使用的元素)几乎可以肯定是。

h1表示页面的主标题。h2表示副标题。

我怀疑在移动设备上查看页面会改变文本的含义；标题"；至"；副标题"；。

您的设计可能要求在不同的屏幕大小上使用较小的主标题，但这是使用媒体查询更改h1元素大小的原因，而不是更改元素的原因。