调整大小时，LESS / CSS功能区在chrome中中断

Question

我有一个css / less功能区在Firefox中看起来很好，但在Chrome中断（在调整大小时）。

以100％变焦观看时看起来很好，但是移入或移出元素会使元素不对齐。我把它放在下面的一个tinkerbin中，使颜色变少了变量，以便更容易玩。

注意：在Tinkerbin上使用此代码时，必须将CSS语法设置为LESS并按RUN，否则功能区将根本不加载：）

http://tinkerbin.com/9rMTZgdg

Answer 1

这似乎是一个未解决的错误（截至2013年1月13日）。 Here was another stack overflow question将其缩小到em对边界进行调整是个问题。该人最终提交了a bug report with webkit。也许您应该将您的经验添加为该错误报告的确认。

似乎确认在em（至少是Chrome，也可能是Safari）中存在webkit单位缩放问题。当我将代码完全切换到px次测量时（根据font-size: 16px !important预先计算尺寸），我会得到一个功能正常的功能区as you can see here，它可以在Chrome中精确缩放。