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

Question

我有一个 css/less 功能区，在 Firefox 中看起来不错，但在 Chrome 中(在调整大小时)出现问题。

以 100% 缩放查看时看起来不错，但移入或移出会使元素不对齐。我已将它放在下面的 tinkerbin 中，并减少了颜色变量，使其更易于使用。

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

http://tinkerbin.com/9rMTZgdg

Answer 1

这似乎是一个 Unresolved 错误(截至 2013 年 1 月 13 日)。 Here was another stack overflow question将其缩小到 em 边界大小是问题所在。那个人最终提交了a bug report with webkit .也许您应该将您的经验添加到该错误报告中作为确认。

似乎证实这是 webkit 中的 em 单位缩放问题(至少是 Chrome，也可能是 Safari)。当我将您的代码完全切换为 px 测量(根据您的 font-size: 16px !important 预先计算尺寸)时，我得到了一个功能正常的功能区，as you can see here ，它在 Chrome 中的缩放非常漂亮。