# 目录在小屏幕上显示不全

**URL:** <https://meta.discourse.org/t/table-of-contents-sometimes-cut-off-on-smaller-screens/276600>\
**Category:** UX\
**Tags:** docs, disco-toc\
**Created:** [2022年十二月6日 23:01 UTC](https://meta.discourse.org/t/table-of-contents-sometimes-cut-off-on-smaller-screens/276600 "2022-12-06T23:01:29Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![debryc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/debryc/32/101652_2.png) [@debryc](https://meta.discourse.org/u/debryc)\
**Post date:** [2022年十二月6日 23:01 UTC](https://meta.discourse.org/t/table-of-contents-sometimes-cut-off-on-smaller-screens/276600/1 "2022-12-06T23:01:29Z")

</div>

> [@pmusaraj](#):
>
> 我还为 discourse Docs 视图添加了一个兼容性修复，您可以在[此处元（meta）](https://meta.discourse.org/docs?topic=93648)上看到它的实际效果。

不幸的是，目录在 Docs 中会超出屏幕。

 ![Screenshot of Google Chrome (12-6-22, 6-00-25 PM)](https://global.discourse-cdn.com/meta/original/4X/b/1/c/b1cd0d52479a791b44e769c99ac8025f5250267f.png)

这在常规主题视图中不会发生。

 ![Screenshot of Google Chrome (12-6-22, 6-00-50 PM)](https://global.discourse-cdn.com/meta/original/4X/0/e/b/0eb8939a98ac34a1c4964d2ea010b41383129926.png)

---

<div class="post-metadata">

**Author:** ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)\
**Post date:** [2023年二月1日 21:09 UTC](https://meta.discourse.org/t/table-of-contents-sometimes-cut-off-on-smaller-screens/276600/2 "2023-02-01T21:09:17Z")

</div>

> [@debryc](#):
>
> 目录在 Docs 中超出了屏幕。
> 
> ![Screenshot of Google Chrome (12-6-22, 6-00-25 PM)](https://global.discourse-cdn.com/meta/original/4X/b/1/c/b1cd0d52479a791b44e769c99ac8025f5250267f.png)

之所以会这样，是因为侧边栏占用了左侧的水平空间，这意味着我们现在同时显示了三个垂直菜单，这给 DiscoTOC 菜单留下的空间不多了！如果屏幕不够宽无法全部看到，您可以隐藏侧边栏。

我同意我们应该对此做些什么，我们将在某个时候处理。您对 Docs 的改进布局有什么建议吗？

---

<div class="post-metadata">

**Author:** ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl)\
**Post date:** [2023年二月2日 06:34 UTC](https://meta.discourse.org/t/table-of-contents-sometimes-cut-off-on-smaller-screens/276600/3 "2023-02-02T06:34:03Z")

</div>

我有个想法……也许把目录放在侧边栏？

---

<div class="post-metadata">

**Author:** ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)\
**Post date:** [2023年二月2日 07:45 UTC](https://meta.discourse.org/t/table-of-contents-sometimes-cut-off-on-smaller-screens/276600/4 "2023-02-02T07:45:35Z")

</div>

从用户体验的角度来看，这真是一个糟糕的主意——你认为手机会如何使用它呢？如果它要移动，就应该把它放在作者决定放置它的地方：在文本的开头。

---

<div class="post-metadata">

**Author:** ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)\
**Post date:** [2023年二月6日 05:29 UTC](https://meta.discourse.org/t/table-of-contents-sometimes-cut-off-on-smaller-screens/276600/5 "2023-02-06T05:29:08Z")

</div>

我们可以有很多发展方向。我认为最容易实现的是更改文档的 UI，使其不使用垂直导航。移动 discotoc 导航也是一个有趣的想法。

我很想看到社区的一些实验！