css - 计算出的 margin 与声明值有亚像素偏差

Question

我有一个用 CSS 编写的基于圆环的信息图表仪表它由半圆环制成。它由 4 个半圆形环组成，这些环是使用方形 div 创建的，在两个相邻边上有彩色边框，border-radius 为 50%；

我已经将半圆环的边界半径声明为 15px，但在 Chrome(我的版本 - 50)中计算出的样式是 14.4px。我试图在 jsbin 中重现 http://jsbin.com/muxaloruro/edit?html,css,output .在 jsbin 中输出是完美的，但在我的网站布局中它是 14.4px。

我检查了元素的计算样式，声明的样式为 15px，但计算样式为 14.4px。

任何继承的样式会影响边距或 div 的盒模型吗。

Answer 1

border-width 不受任何继承样式的影响。

我猜你的页面被放大了。在 125% 的缩放级别，我得到的计算宽度与你的屏幕截图中显示的相同。