google-chrome - Chrome 和 Firefox 中产品列令人费解的跨浏览器显示问题

Question

我在 Big Commerce 上有一个网站，它有一些真正令人费解的显示问题。在 chrome http://omgdecor.com/中查看主页时，在“新产品”部分下，它们是 4 列产品。如果您在 Firefox 中查看相同的页面和部分，它仅显示 3 列。我需要它始终是 4 列。我没有看到问题，有人有一些方向或答案吗？

Answer 1

您的来源表明这些 li 元素具有设置宽度的内联样式。Chrome 报告了这一点：

<li class="Odd" style="width: 159px !important; height 316px;">...</li>

但是 Firefox 报告了这一点：

<li style="width: 251px; height: 301px;" class="Odd">...</li>

无论生成这些列表项元素是您的问题。