# 帖子中的徽章在手机上看起来不齐

**URL:** https://meta.discourse.org/t/badges-in-posts-look-misaligned-on-mobile/346054
**Category:** UX
**Tags:** badges, mobile
**Created:** [2025年一月7日 18:59 UTC](https://meta.discourse.org/t/badges-in-posts-look-misaligned-on-mobile/346054 "2025-01-07T18:59:22Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![MatthewL246](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/matthewl246/32/463053_2.png) [@MatthewL246](https://meta.discourse.org/u/MatthewL246)
#### Post date: [2025年一月7日 18:59 UTC](https://meta.discourse.org/t/badges-in-posts-look-misaligned-on-mobile/346054/1 "2025-01-07T18:59:22Z")

</div>

此功能与 [Wishlist: visual cue for "user got a badge for this post"](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923?u=matthewl246) 相关。

在桌面视图中，徽章显示在用户名和头衔之后：

 ![桌面视图中显示了一个标题为“测试主题”的主题。第一篇帖子由一位头衔为“救护车”的管理员用户发布，用户头衔的右侧显示了一个铜心徽章。](https://global.discourse-cdn.com/meta/original/4X/c/0/2/c02add04623d6c31879d344b4d3cedffbc13a315.png)

但在移动设备上，徽章显示在用户名之前，导致外观错乱，因为用户名和头衔的起始位置不一致：

 ![移动视图中显示了一个标题为“测试主题”的主题。第一篇帖子由一位头衔为“救护车”的管理员用户发布，用户名左侧显示了一个铜心徽章。](https://global.discourse-cdn.com/meta/original/4X/0/b/9/0b963cf335e9d6d7361ae524fe0ae7d952151a56.png)

安全模式不会改变任何情况。我个人更希望移动视图看起来与桌面视图相似，即徽章显示在名称之后。

---

_[View the full topic](https://meta.discourse.org/t/badges-in-posts-look-misaligned-on-mobile/346054)._