css - float div 跨浏览器。除了 1

Question

我真的需要你的帮助，因为这让我抓狂。

在我的网站上 www.markett.nl我有 2 个相邻 float 的 div。

所有浏览器似乎都能很好地加载，当我在 iPad 上查看网站时，我发现 div 被向下推，好像它的宽度太大了。

我读过它可能与一些 css 填充问题有关，但我相信这些 div 元素上没有使用填充。我使用 firebug 来深入了解 css，但无法解决我的问题。

我上传了 2 张图片，您可以看到问题是什么:

Image 1 as is loads on most browsers.

Image2 will show the problem.

Answer 1

您的 CSS 文件中有 @media 查询以进行响应式布局。在您的 CSS 中找到这个(大约第 2640 行):

@media (max-width: 800px) {
    /* Simplify the basic layout */
    #main #content {
        margin: 0 7.6%;
        width: auto;
    }

并从该规则中删除 margin 属性。此外，您不必在 iPad 上测试结果 - 您只需更改浏览器窗口的宽度即可。