窗口未聚焦时报告的宽度不一致

Question

我有一个构建图表的Angular Directive。在构建之前，我正在使用element.width()查看元素的宽度，并且报告的宽度并不总是正确的。基本上，如果我的Chrome标签未激活，我会得到更大的东西，当它处于活动状态时，我会得到正确的元素大小。无论我是否在10秒内计时，以确保DOM稳定。

我无法在代码段中重现该错误，因为它始终有效。

• 窗口的大小始终与我使用$(window).width()
核对的大小相同
• 无论我的元素是浮动的还是绝对的，这个bug都是一样的
• 我的div是响应式的，所以它们的宽度总是以％表示，并且有一些媒体查询。

我的黑客（恶心的）： $(window).focus(function () { // recompute the size });这有效，但我讨厌它。

更多提示：

• 当焦点是具有风格的div时，变化的有罪的人就是大小：width: 42.5%; float: left;
• 这个div只是另一种，具有以下风格：width: 22.5%;float: left;
• 我没有Firefox的错误
• 在Chrome中，只有当标签没有聚焦时才会出现错误，而不是整个浏览器没有聚焦