0

在过去几个月自学编码后，我即将结束我的第一个主要 Web 开发项目。但是，我仍然在努力解决一些看起来很基础的问题。

我有一个页面在 Firefox 上的加载与在 Safari 或 Chrome 中完全不同的实例。

您可以在此处看到我所指的页面示例：http: //fmhgifts.c​​om /home-office/ ，但我也包含了一些屏幕截图来说明我的意思。首先是它在 Chrome 中正确显示： 在 Chrome 中正确渲染 然后这是它在 Firefox 中呈现的完全相同的页面： Firefox 中的渲染不正确

我花了一些时间尝试使用 Web 开发工具栏来诊断问题，但到目前为止还不能这样做。如果有更多经验的人能够帮助我解决这个问题，我将非常感激。

4

2 回答 2

3

问题是您正在使用 -webkit-transform，它专门用于基于 webkit 的浏览器（Firefox 不使用 webkit，Internet Explorer 也不使用）。有许多方法可以在没有 -webkit-transform 的情况下实现网格。您似乎已经在使用一种这样的方式：topand leftCSS 属性（还有bottomandright属性）。玩弄那些。

于 2013-10-30T07:01:21.723 回答
0

只是尝试float:left从

#filter-bar {
    float: left;
    margin-bottom: 35px;
}

休息，我想它会自己照顾的。试着让我知道。因为它是一个浮动元素，所以其他 div 被推高而不是被向下推。从这个意义上说，Firefox 实际上是正确的。您将需要重新调整镀铬样式，使其对所有人都统一。

于 2013-10-30T06:31:09.090 回答