Firefox15.0.1中的设计不兼容问题

Question

http://www.atticuspetdesign.com

这个网站在谷歌的合唱中看起来不错，但是它标志着~宠物产业浮到下一条线之后，有人能帮我吗?我被困在过去一周的事情里。

看上去像

但它应该看起来像

Answer 1

我还可以在一个15英寸的MacBook Pro上看到Firefox15.0.1中的问题。

它看起来不像是在设置重置字体大小(例如，14‘t)。在主体上设置默认字体大小，然后使用em，可能有助于缓解这个问题。

Answer 2

检查一下，看你是否意外地放大了页面。这可能是导致它看起来很奇怪的原因。

如果你在Mac电脑上，点击CMD +0，这应该会让你在没有缩放的情况下。Windows可能是CTRL + 0，但我不确定。

我看了一下你在Firebug中的代码。你拥有的地方：

.cation-outer {
    margin: 0 0 60px 35px;
}

改为：

.cation-outer {
    margin: 0 0 60px 0;
}

这让你看起来就像在Firefox中要求的那样。再次检查它是否仍然是你想在其他浏览器中看到的样子。

Answer 3

我在Fireforx 15.0.1上检查了您的页面，并得到了相同的错误。我认为是因为字体大小，你可以改变容器的宽度并解决问题，但这只是浏览器特有的解决方案，这个解决方案把设计混入铬。因此，我认为最好的解决方案是改变字体大小。

在您的coption-align类中，应用font-size: 81px;将页面确定为chrome和Firefox。

希望这能解决你的问题。