某些流畅的设计，尤其是那些涉及 %-width iFrame 的设计，似乎会在 Chrome 中导致一些奇怪的舍入类型错误（我有版本 21）。

这把小提琴 http://jsfiddle.net/uzQJE/14/说明了问题。将边框设置为整数像素值，当您请求它们时返回的值是比预期值稍小的浮点数。

正在尝试CodePen 中的完全相同的代码 http://codepen.io/anon/pen/JqFgi不会产生相同的结果，大概是因为 iFrame 和它周围的其他样式没有以相同的方式设置。

（我也看到了基本宽度和高度属性的这种行为，尽管我无法在 jsFiddle 中复制这部分问题。）

这在 Firefox 或 IE8 中似乎不是问题。

关于具体是什么导致了这种奇怪的行为，以及我如何解决它以获得真正的价值，有什么想法吗？

情节变得更加复杂。在尝试解决该问题时，我发现超过 10px 的值似乎不会出现此问题。

此外，根据 @GionaF 的评论，它似乎在 Chrome 22 中正常工作。

为了重现你的问题，我必须更改 Chrome 的缩放级别。将缩放级别更改回 100% 即可修复此问题。看起来是一个bug，计算出的边框宽度总是小于定义的边框宽度，放大或缩小！

当缩放级别为 110% 时，10px 边框的值确实为 10，但在 125% 时，它与 3px 边框有相同的问题。

编辑：火狐有同样的行为！