手机显示错误

image
该博客链接在移动端显示在其父元素的左下角。我搞不清楚原因。

在桌面端显示正常。

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

自定义头部链接 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 如下:

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

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

1 个赞

我认为这是链接内边距换行的问题,我刚合并了一项更改,应该可以避免这种情况。

1 个赞