移动第一和语义文档大纲

Question

我有一个首先建立移动设备的网站。我根据屏幕尺寸改变了许多组件。例如，在移动屏幕尺寸上，我有一个手风琴，切换到769px以上的标签栏。

文档大纲显示两个组件，所以我最终得到 - h1 - 文件标题
  h2 - 组件1（移动版）   h2 - 组件1（桌面版本）

在隐藏隐藏（非活动）组件的同时，在文档大纲中显示可见（活动）组件的最佳方式是什么？

Answer 1

您可以为媒体查询中的非活动状态设置display: none，隐藏任何不应显示的内容。