奇怪的CSS问题-在Safari上工作正常，在Chrome上不行

Question

因此，我决定在应用程序的网页中到处进行一些更改。 今天我注意到发生了什么……严重的错误：

• 该页面在Safari上看起来不错
• 在Chrome上，底部的页脚看起来像一团糟（没有背景，没有任何样式...）

苹果浏览器：

铬：

---

这是页脚部分（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;
      }
    }
}

---

直播： 实际网站

---

更新：

伙计们，非常感谢您的帮助。 但是，罪魁祸首是缓存（我想我已经清除了它）。 进入隐身模式后，奇迹般地解决了该问题！ :-)

Answer 1

在我的Chrome上有效。 您使用的是什么版本的chrome？ 我正在使用版本39.0.2171.71（64位）。

铬：

Answer 2

好吧，我得到了铬，看起来应该做。 确定您的Chrome没有更新吗？

如果不是这样，您应该知道chrome和mozilla在某些东西上具有默认值。 但是通常来说，放置您的东西很麻烦。

选择以下属性：
-o-代表歌剧
-moz- for Gecko（Mozilla）
-webkit-用于Webkit（Chrome，Safari，Android ...）
-ms-用于Microsoft（Internet Explorer）
-khtml- for KHTML（Konqueror）