# 手机显示错误

**URL:** <https://meta.discourse.org/t/wrong-display-on-mobile/405086>\
**Category:** UX\
**Tags:** custom-header-links, fixed\
**Created:** [2026年六月11日 16:08 UTC](https://meta.discourse.org/t/wrong-display-on-mobile/405086 "2026-06-11T16:08:45Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![pHneutre](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/phneutre/32/326831_2.png) [@pHneutre](https://meta.discourse.org/u/pHneutre)\
**Post date:** [2026年六月11日 16:08 UTC](https://meta.discourse.org/t/wrong-display-on-mobile/405086/1 "2026-06-11T16:08:45Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/2/a/4/2a4952d7f9b5dbb9cd176d32dee393a577a0497e.png)  
该博客链接在移动端显示在其父元素的左下角。我搞不清楚原因。

在桌面端显示正常。

以防万一：我有另一个仅在桌面端显示的链接（即在移动端为 `display: none`），并使用了自定义 CSS 进行偏移：`margin-left: 100px;`。如果我关闭该自定义 CSS，没有任何变化，这并不意外。

自定义头部链接 HTML：

```html
    <ul class="custom-header-links">
      <li class="headerLink headerLink--vdo 👆adapter-son-yoga.com--custom-header-links headerLink--undefined">
        <a title="Adapter Son Yoga" href="https://adaptersonyoga.com/" target="_blank">
          👆adapter son yoga.com 
        </a>
      </li>
      <li class="headerLink headerLink--vmo blog-custom-header-links headerLink--undefined">
        <a title="blog" href="https://adaptersonyoga.com/" target="_blank">
          Blog
        </a>
      </li>
  </ul>

```

第二个 `li` 元素没有特殊的 CSS，其中的 `a` 链接 CSS 如下：

```css
    .custom-header-links .headerLink a {
	padding: .35em .6em;
	color: var(--header_primary);
	font-size: var(--font-up-1);
    }

```

这是一个 bug 还是我漏掉了什么？

---

_[View the full topic](https://meta.discourse.org/t/wrong-display-on-mobile/405086)._