2013-01-13 26 views
1

我有一個css/less的功能區,在Firefox中看起來不錯,但是在Chrome中打開(在調整大小時)。LESS/CSS在調整大小的Chrome中打破了鉻

在100%縮放下查看時看起來很好,但移入或移出元件不會對齊。我已經把它放在下面的修補程序中,並且使顏色更少變量,以便更容易地玩弄。

注:在Tinkerbin使用此代碼,您必須將CSS語法要少,並按RUN,否則色帶不會加載在所有:)

http://tinkerbin.com/9rMTZgdg

+0

這只是平淡奇異。一切數字看起來都很好,我檢查的所有東西仍然在幾個縮放級別上下顯示問題。現在我必須稱之爲一個晚上。也許有些事情會在我的夢中出現。 – ScottS

+0

我知道。在發佈之前,我嘗試了所有我能想到的。開始懷疑Chrome本身是否應該受到指責。 – zackliscio

回答

1

這似乎是一個未解決的bug(截至2013年1月13日)。 Here was another stack overflow question,將其縮小到em確定問題的邊界大小。那個人最終提交了a bug report with webkit。也許你應該將你的經驗作爲確認添加到該錯誤報告中。

似乎確認它是webkit(至少Chrome,可能也是Safari)的em單位縮放問題。當我將代碼完全切換到px測量(根據您的font-size: 16px !important預先計算尺寸),然後我得到一個正常運行的功能區as you can see here,它在Chrome中可以很好地縮放。

+0

謝謝!我肯定會將這些反饋添加到錯誤報告中。 – zackliscio

+0

歸檔與webkit。 – zackliscio