奇怪的 CSS 问题 - 在 Safari 上运行良好，而不是在 Chrome 上答案

【问题标题】：Weird CSS issue - works fine on Safari, not on Chrome奇怪的 CSS 问题 - 在 Safari 上运行良好，而不是在 Chrome 上
【发布时间】：2015-02-03 12:01:30
【问题描述】：

因此，我决定在我的应用网页中到处进行一些更改。今天我注意到有些事情已经发生了......非常错误：

页面在 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

更新：

各位，非常感谢您的帮助。然而，罪魁祸首是缓存（我以为我已经清除了它）。进入隐身模式，奇迹般地解决了这个问题！ :-)

【问题讨论】：

标签： html css twitter-bootstrap google-chrome safari

【解决方案1】：

好吧，我得到了 chrome，看起来应该可以。确定你的 chrome 没有更新？

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

这些是属性：
-o- 用于 Opera
-moz- 壁虎 (Mozilla)
-webkit- 用于 Webkit（Chrome、Safari、Android...）
-ms- 适用于 Microsoft (Internet Explorer)
-khtml- 用于 KHTML (Konqueror)

【讨论】：

非常感谢您的意见，但这仍然很奇怪。 Chrome 是最新的。但我仍然看到它在屏幕截图中的样子！。

【解决方案2】：

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

铬：

【讨论】：

嗯，这很奇怪！版本 39.0.2171.71（64 位）（Mac OSX）
是的，这确实很奇怪。您是否尝试在重新加载页面时删除缓存？
看看我的更新。（我无法理解我是如何最终被 Cache 欺骗的！）
非常感谢，伙计！ :-)