Firefox Mozilla 中的菜单视图不好？答案

【问题标题】：Not good view of menu in Firefox Mozilla?Firefox Mozilla 中的菜单视图不好？
【发布时间】：2019-01-21 02:12:14
【问题描述】：

在我的网站上，当我使用 FireFox 时，我的菜单内容有问题。 wrong menu view

只有在 Firefox 中才有问题。

【问题讨论】：

网站是 - chernykh.com.ua
如果您能更详细地描述问题并向我们展示您用于实现菜单的代码，那就太好了。否则将很难为您的问题找到解决方案。
寻求代码帮助的问题必须包括在问题本身中重现它所需的最短代码，最好是在堆栈片段中。尽管您已经提供了一个链接，但如果它变得无效，那么您的问题对于未来遇到同样问题的其他 SO 用户将毫无价值。见Something in my website/demo doesn't work can I just paste a link。
@Paulie_D 虽然我完全同意你的观点，并且可以理解它是如何要求对这个问题投反对票的。我不明白为什么有必要对正确的答案投反对票。这里的一些人做出了真正的努力，并利用他们宝贵的时间来帮助另一个用户。不赞成他们很好，但反对？
@Mr.Flowers 尽管上面说了这么多，但下面有 2 个对您的问题的正确和有效答案，由确实付出更大努力来理解问题并为您提供帮助的用户提供。如果您选择其中一个作为正确答案，那就太好了。

标签： css wordpress firefox menu styles

【解决方案1】：

看着your website，

您的CSS 显示：

.navbar .navbar-nav li .dropdown-menu .menu-item-has-children > a::after,
.widget_unicase_nav_menu .navbar-nav li .dropdown-menu .menu-item-has-children > a::after{
  font-family: FontAwesome;
  content: '\f105';
  float: right; }

虽然应该是：

.navbar .navbar-nav li .dropdown-menu .menu-item-has-children > a::before,
.widget_unicase_nav_menu .navbar-nav li .dropdown-menu .menu-item-has-children > a::before {
  font-family: FontAwesome;
  content: '\f105';
  float: right; }

将两个after 更改为before。这将在所有浏览器中正确对齐菜单箭头。

或者，将position:absolute; right:5px; 添加到您的代码中。

【讨论】：

对你来说非常感谢 - @CM-웃 - 但你可以为我解释一下，为什么这个问题只是在 Firefox 中？并且在手机上是非常敏感的菜单按钮，有时而不是打开菜单的子部分 - 打开部分，我认为它与标签位置有关，但不是。可能是什么问题？
@Mr.Flowers Firefox 引擎有自己的怪癖。如果您还有其他问题，我建议您发布新问题，但这次，请确保您正确提问：stackoverflow.com/help/how-to-ask，否则 - 由于反复提出低质量问题，您的帐户可能会被阻止在 SO 上发表更多帖子。
@AnnieTrubak OK :)

【解决方案2】：

我已经检查了您与 Firefox 相关的设计问题，请在你的 style.css 中使用下面的 css 代码

注意：Firefox 问题会这样做。

.navbar .navbar-nav li .dropdown-menu .menu-item-has-children > a::after, .widget_unicase_nav_menu .navbar-nav li .dropdown-menu .menu-item-has-children > a::after {
    font-family: FontAwesome;
    content: '\f105';
    float: right;
    top: 0;
    position: absolute;
    right: 5px;
}

【讨论】：