# 横幅标志上的蓝线

**URL:** <https://meta.discourse.org/t/blue-line-above-banner-logo/279882>\
**Category:** Support\
**Created:** [2023年九月23日 17:04 UTC](https://meta.discourse.org/t/blue-line-above-banner-logo/279882 "2023-09-23T17:04:35Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![packman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/packman/32/289322_2.png) [@packman](https://meta.discourse.org/u/packman)\
**Post date:** [2023年九月23日 17:04 UTC](https://meta.discourse.org/t/blue-line-above-banner-logo/279882/1 "2023-09-23T17:04:35Z")

</div>

我认为这是在过去 24 小时左右开始的。我看到横幅标志上方有一条蓝线……

 ![Screenshot_2023-09-23-17-57-47-83_df198e732186825c8df26e3c5a10d7cd](https://global.discourse-cdn.com/meta/original/4X/3/e/1/3e1e28f4675f8e5080ac6c01a32c9d37e4bce714.jpeg)

我首先在我的论坛上注意到这一点，但在 meta 上也是可重复的。我只在使用 Edge 浏览器时看到它。在 Firefox 或 Chrome 中看不到。它也只在移动浏览器上可见。桌面版 Edge 没有显示它。

我昨天升级到了最新的 Discourse 代码，但不知道它是否在升级后立即出现，或者 Edge 是否在过去 24 小时内也有更新。

编辑：如果我在移动浏览器上将页面视为桌面站点，它仍然存在。我有点预料到这一点，但在想到它时值得一试。

---

<div class="post-metadata">

**Author:** ![packman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/packman/32/289322_2.png) [@packman](https://meta.discourse.org/u/packman)\
**Post date:** [2023年九月23日 18:02 UTC](https://meta.discourse.org/t/blue-line-above-banner-logo/279882/3 "2023-09-23T18:02:58Z")

</div>

我猜页面加载速度太快了，我只看到完成的进度条。我猜它不兼容 Chrome 或 Firefox？

---

<div class="post-metadata">

**Author:** ![packman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/packman/32/289322_2.png) [@packman](https://meta.discourse.org/u/packman)\
**Post date:** [2023年九月23日 18:06 UTC](https://meta.discourse.org/t/blue-line-above-banner-logo/279882/4 "2023-09-23T18:06:15Z")

</div>

实际上，现在我仔细想了想，那个条形图最多只占屏幕宽度的 45%，但主题组件的示例却占满了整个屏幕。

无论我等多久，那个条形图都不会超过 45%。这是否意味着页面在 Edge 中没有完全加载？

编辑：

如果我刷新页面，就能看到滑块。它比我看到的蓝色条形图要细，而且蓝色条形图在滑块达到 100% 后出现。

---

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2023年九月24日 05:22 UTC](https://meta.discourse.org/t/blue-line-above-banner-logo/279882/5 "2023-09-24T05:22:03Z")

</div>

你好 👋

那一行是“跳至主内容”链接的底部。如果我更改 Edge 的字体大小，就可以重现此问题。

在 100% 的默认字体大小下，它似乎没问题。

 ![Screenshot_20230924_070905_com.microsoft.emmx](https://global.discourse-cdn.com/meta/original/4X/f/7/9/f79b93c240fefeb963ad9f863d0576c889f219c2.jpeg)

但是，如果我将其设置为更大的字体大小，例如 110% 或更高，那么隐藏在标题上方的“跳至主内容”按钮就会显示出来，因为似乎浏览器字体大小更改器不尊重这些设置……

 ![Screenshot_20230924_071226_com.microsoft.emmx_edit_1594546371689499](https://global.discourse-cdn.com/meta/original/4X/8/d/a/8da20fb903b7bed56d8f3de2dd83f169ad3086b3.jpeg) ![Screenshot_20230924_071235_com.microsoft.emmx](https://global.discourse-cdn.com/meta/original/4X/d/9/a/d9a5efd80f6d6b9327ac77baca5a11dc77a362bf.jpeg) ![Screenshot_20230924_071411](https://global.discourse-cdn.com/meta/original/4X/3/c/b/3cb1a247e13ebbcb8a40928dd3cd63a977145c4c.jpeg)

* * *

似乎在重新加载页面后，情况恢复了“_正常_”

重新加载前 200%

 ![Screenshot_20230924_073659_com.microsoft.emmx](https://global.discourse-cdn.com/meta/original/4X/5/0/9/509f646de77daad3d74d4f4b2981374aea3ecf1d.jpeg)

重新加载后

 ![Screenshot_20230924_073712_com.microsoft.emmx](https://global.discourse-cdn.com/meta/original/4X/c/a/6/ca6cefffa5a03fe747b720f58e2d1cba028ff5f9.jpeg)

但 Discourse 中有一个字体大小更改器，您可以使用它代替浏览器的一个，您也可以使用设备的本机辅助功能。这些会尊重元素。

更改 Discourse 中的文本大小：

转到 [界面页面](https://meta.discourse.org/my/preferences/interface)，您可以在其中更改文本大小。

---

<div class="post-metadata">

**Author:** ![packman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/packman/32/289322_2.png) [@packman](https://meta.discourse.org/u/packman)\
**Post date:** [2023年九月24日 06:56 UTC](https://meta.discourse.org/t/blue-line-above-banner-logo/279882/6 "2023-09-24T06:56:13Z")

</div>

增大字体确实能让按钮可见，但在我的手机上，100% 的时候蓝色线条是可见的。我需要将字体大小降至 90% 才能使其消失，或者在 Discourse 中将字体大小设置为“较小”。我已经到了需要增大字体大小的年纪，所以减小字体并不是一个真正的选择。

不过，我不明白隐藏按钮的目的是什么。如果大多数人（非移动端 Edge 用户或字体大小“合适”的用户）都看不到它，那么它似乎不是一个非常有用的用户体验项目？

---

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2023年九月24日 06:59 UTC](https://meta.discourse.org/t/blue-line-above-banner-logo/279882/7 "2023-09-24T06:59:02Z")

</div>

> [@packman](#):
>
> 我不明白隐藏按钮的目的是什么。如果大多数人（非移动版 Edge 或使用“正确”字体大小的用户）看不到它，那么它似乎不是一个非常有用的用户体验项目？

这是出于可访问性原因。屏幕阅读器可以看到该按钮。

---

<div class="post-metadata">

**Author:** ![packman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/packman/32/289322_2.png) [@packman](https://meta.discourse.org/u/packman)\
**Post date:** [2023年九月24日 07:06 UTC](https://meta.discourse.org/t/blue-line-above-banner-logo/279882/8 "2023-09-24T07:06:11Z")

</div>

> [@Don](#):
>
> 这是出于可访问性原因。

啊，好的。

有什么想法知道发生了什么变化吗？几天前还没有这条蓝线，而且我没有更改 Edge 或 Discourse 或我手机上的字体大小来导致它出现。它似乎在我应用了最新的 Discourse 提交集之后才出现，但我不能 100% 确定。
