設計不兼容問題

這個網站看起來谷歌chorme但那朵牌子好〜以後寵物行業漂浮到下一行，任何人可以幫助我吧我被困在這個事情從去年1一週:(

它看起來像

但它想看起來像

我正在運行15.0.1，它對我來說看起來不錯 – mmertel

是的，對我來說也是一樣。 Firefox 15.0.1完全像Chrome一樣顯示它。我們的屏幕分辨率爲 – Eric

？ – rynhe

，看看檢查，如果你有意外放大的頁面。這可能是什麼導致它看起來很古怪。

如果您在Mac上點擊CMD + 0，並且應該將您設置爲無縮放點。 Windows可能是CTRL + 0，但我不確定。

我看了一下Firebug中的代碼。當您有：

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

將其更改爲：

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

這使得它看起來像你所要求的在Firefox。仔細檢查它是否仍然在其他瀏覽器中顯示。

2012-09-22 05:37:58 bridgestew

它工作thanx bridgestew –

我也能看出問題在Firefox 15.0.1於15" 的MacBook Pro。

它看起來並不像你設置重置字體大小（比如，14px的）。設置一個默認字體大小，然後使用EM的可能有助於緩解這個問題

2012-09-22 05:58:25 apkostka

我檢查了Fireforx 15.0.1上的頁面，並得到了相同的錯誤我認爲這是因爲字體大小，你可以改變寬度容器和解決問題，但這只是瀏覽器的具體解決方案，這種解決方案混搭設計成鉻。所以，我認爲最好的解決辦法是改變字體大小。

給你coption-align類，應用font-size: 81px;看起來頁面確定到Chrome和Firefox。

希望這可以解決您的問題。

2012-09-22 06:22:23 pkachhia

回答