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

时间:2012-09-22 04:36:16

标签: html css firefox

http://www.atticuspetdesign.com

这个网站在google chorme看起来很不错但是签到〜宠物行业浮动到下一行可以任何人帮助我,我被困在这个东西从过去1周。:(

看起来像

  

enter image description here

但它看起来像

  

enter image description here

3 个答案:

答案 0 :(得分:1)

我还可以在15英寸MacBook Pro上看到Firefox 15.0.1中的问题。

看起来您没有设置重置字体大小(例如,14px)。在正文上设置默认字体大小然后使用em可能有助于缓解此问题。

答案 1 :(得分:0)

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

如果你在Mac上点击CMD + 0并且应该设置你没有缩放点。 Windows可能是CTRL + 0,但我不确定。

我在Firebug中看了一下你的代码。你在哪里:

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

将其更改为:

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

这使得它看起来像你在Firefox中要求的。仔细检查它是否仍然在其他浏览器中看起来如何。

答案 2 :(得分:0)

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

进入coption-align课程,应用font-size: 81px;查看Chrome和Firefox中的页面。

希望这可以解决您的问题。