奇怪的CSS问题 - 在Safari上运行正常，而不是在Chrome上运行

Question

所以，我决定在我的应用程序的网页上进行一些更改。今天我注意到有些东西已经消失了......可怕的错误：

• 该页面在Safari
上看起来很好
• 在Chrome上，底部的页脚看起来像一团糟（没有背景，没有任何造型......）

Safari浏览器：

铬：

---

这是页脚部分（PHP / HTML）：

    <div id="prefooter">
        <div class="container">
            <div class="row">
                <div class="col-xs-3" style='text-align:center;'>
                    <a href="<?php echo home_url('/category/plugins'); ?>"><i class="fa fa-plug"></i>&nbsp;&nbsp;Plugins</a>
                </div>
                <div class="col-xs-3" style='text-align:center;'>
                    <a href="<?php echo home_url('/category/themes'); ?>"><i class="fa fa-paint-brush"></i>&nbsp;&nbsp;Themes</a>
                </div>
                <div class="col-xs-3" style='text-align:center;'>
                    <a href="<?php echo home_url('/category/blog'); ?>"><i class="fa fa-newspaper-o"></i>&nbsp;&nbsp;Blog</a>
                </div>
                <div class="col-xs-3" style='text-align:center;'>
                    <a href="<?php echo home_url('/contact-us'); ?>"><i class="fa fa-life-ring"></i>&nbsp;&nbsp;Support</a>
                </div>
            </div>
        </div>
    </div>

这是CSS / LESS部分：

#prefooter {
    background:#555;
    height: 45px;
    font-family: 'Helvetica Neue', Helvetica, arial, freesans, clean;
    font-size:16px;
    padding-top:10px;

    a {
      color: #ddd;

      &:hover {
        color: white;
        text-decoration:none;
      }
    }
}

---

直播： The actual website

---

更新

伙计们，非常感谢你的帮助。然而，罪魁祸首是Cache（我以为我已经清除了它）。进入隐身模式，奇迹般地解决了这个问题！ ： - ）

Answer 1

在我的Chrome上它可以正常工作。您使用的是什么版本的chrome？ 我使用的是版本39.0.2171.71（64位）。

<强>铬：

Answer 2

嗯，我有铬，看起来应该这样做。确定您的Chrome没有更新吗？

如果不是这样，你应该知道chrome和mozilla在某些东西上有默认值。但是，通常情况下，这对于定位你的东西来说只是很烦人。

Thoose属性：
-o- for Opera
-moz- for Gecko（Mozilla）
-webkit- for Webkit（Chrome，Safari，Android ...）
-ms- for Microsoft（Internet Explorer）
-khtml- for KHTML（Konqueror）