Html 显示：与google chrome浏览器相比，firefox浏览器中的块链接更宽

显示：在firefox中块的宽度更大，请查找下面的代码

<ul class="mn_mainNav">
<li><a href="#">All Offers</a></li>
<li><a href="#">All Offers</a></li>
<li><a href="#">All Offers</a></li>
</ul>

铬：

vs firefox：

任何指示都将不胜感激

---

注意：我确实需要li链接的第一个字母是大写的

在firefox中使用

时看起来像一个bug：第一个字母

，所以我会尝试在

标记上使用
文本转换：大写
。这当然会使每个单词大写，不仅仅是第一个，但如果你不介意的话，那么这将对你有用


.mn\u mainNav{
保证金：0；
填充：0；
列表样式：无；
显示器：flex；
}
.mn_mainNav>li>a{
文本转换：大写；
}




在firefox中使用
时看起来像个bug：第一个字母
，所以我会尝试在
标记上使用
文本转换：大写
。这当然会使每个单词大写，不仅仅是第一个，但如果你不介意的话，那么这将对你有用


.mn\u mainNav{
保证金：0；
填充：0；
列表样式：无；
显示器：flex；
}
.mn_mainNav>li>a{
文本转换：大写；
}




我找到了一个解决方案：

我只是尝试在加载后重新绘制屏幕，以便它尝试正确加载UI。
现在在firefox中运行良好

注意：此解决方案是通过阅读stackoverflow中的其他帖子找到的。
我找到了一个解决方案：

我只是尝试在加载后重新绘制屏幕，以便它尝试正确加载UI。
现在在firefox中运行良好

注意：这个解决方案是通过阅读stackoverflow中的其他帖子找到的。
真的很奇怪，以前从未见过。您可以使用
display:inline
解决这个问题，但这并不能解释问题：/Firefox的bug。并不是说你两次共享了相同的屏幕截图。这两种浏览器对我来说都是一样的，你如何比较它们呢？代码的简化版本仍然产生了这个问题：@Temaniaff thank you will replace真的很奇怪，以前从未见过。您可以使用
display:inline
解决这个问题，但这并不能解释问题：/Firefox的bug。并不是说你共享了两个相同的屏幕截图。它们在两个浏览器中看起来都一样，你如何比较它们？代码的简化版本仍然会产生问题：@Temaniaafif Thanke you将替换感谢你的更新，但我希望它能像“所有优惠”一样工作。我更新了问题谢谢你的更新，但我希望它能像“所有报价”一样工作。我更新了问题

.mn_mainNav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;

    & > li {
      & > a {
        display: block;
   text-transform: lowercase;

        &:first-letter {
          text-transform: uppercase;
        }
      }

    }
  }

<ul class="mn_mainNav">
<li><a class="mn_repaintHack" href="#">All Offers</a></li>
<li><a class="mn_repaintHack" href="#">All Offers</a></li>
<li><a class="mn_repaintHack" href="#">All Offers</a></li>
</ul>


@-moz-keyframes repaintHack {
  from { padding-right: 1px; }
  to { padding-right: 0; }
}

.mn_mainNav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;

    & > li {
      & > a {
        display: block;
        text-transform: lowercase;

        &:first-letter {
          text-transform: uppercase;
        }

         &.mn_repaintHack {
          animation: repaintHack 0.00000001s;
        }
      }

    }
  }