奇怪的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

---

UPDATE：

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

Answer 1

在我的铬上它工作。你使用的是什么版本的Chrome？ 我正在使用版本39.0.2171.71（64位）。

铬：

Answer 2

嗯，我得到了镀铬和它看起来像它应该做的。确定你的Chrome没有更新？

如果这不是它，你应该知道chrome和mozilla在某些东西上有默认值。但通常它只是定位你的东西而烦人。

Thoose是属性：
-O-歌剧
-moz-的壁虎（Mozilla的）
-webkit-为Webkit的（浏览器，Safari浏览器，Android的...）
-ms-微软（Internet Explorer）
-khtml-为KHTML（Konqueror）