Chrome 在另一台机器上的呈现方式与 Chrome 不同答案

【问题标题】：Chrome renders differently from Chrome on another machineChrome 在另一台机器上的呈现方式与 Chrome 不同
【发布时间】：2020-02-05 03:47:33
【问题描述】：

我可能遗漏了一些非常明显的东西，但是以某种方式在一台机器上安装 Chrome（客户端，Windows 10 笔记本电脑）不渲染/输出所渲染代码的一部分在其他机器上没有问题（在 Win7、Win10、MacOS、Centos8 上试过 Chrome）。

我刚刚被要求修复 CodeIgniter 实现其他开发人员 - 似乎他们使用了引导程序。 html 标头中的所有 Javascript 文件都正常加载，所以这不是问题。

这就是它应该退出后的样子（在红色栏中显示 [noauth]）

这是登录后的样子（在红色栏中显示内容）

但是，客户端的机器在红色栏中没有显示任何内容。

我检查了问题机器上的源代码计算机，注销菜单代码就在那里，所以服务器代码不是问题。

摘自有问题的客户端机器的浏览器源代码：

<nav class="navbar navbar-expand navbar-topbar navbar-dark mk-header-toolbar">
  <div class="col mk-grid mx-auto">
    <div class="row">
      <div class="col-md-6 col-sm-9 d-none d-md-block d-sm-block">
        <ul class="navbar-nav mt-1" style='font-size: .75rem;'>
          <li class='nav-item'>
            <i class='fa fa-phone text-white'></i>
          </li>
          <li class='nav-item ml-2'>
            <a class='text-white' href='tel:+222'>222</a>
          </li>
          <li class='nav-item ml-2'>
            <a class='text-white' href='tel:+222'>222</a>
          </li>
          <li class='nav-item ml-2'>
            <i class='fa fa-envelope text-white'></i>
            <a class='ml-2 text-white' href="mailto:xxx">xxx</a>
          </li>
        </ul>
      </div>
      <div class="col-md-6 col-sm-3 mk-header-social">
        <ul class="navbar-nav d-flex flex-row-reverse">


          [noauth]
        </ul>
      </div>
    </div>
  </div>
</nav>

可能还有其他原因导致“[noauth]”不会在一台机器上显示，但在我测试过的所有其他机器上？

【问题讨论】：

标签： html css google-chrome rendering

【解决方案1】：

事实证明 mk-header-social 类是罪魁祸首。我仍然不知道为什么会这样。我在 .css 中进行了快速搜索文件，并且与此相关的指令太多标记（我被雇来修复以前的开发人员开始的网站但未完成）。

我确实看到，根据上下文，可见性设置为隐藏或可见，他们玩弄不透明，所以行为是有意义的在这方面，虽然为什么 Chrome 会在不同的地方呈现不同的机器仍然是一个谜。

【讨论】：