计算边距与声明值具有子像素偏差

时间:2016-05-08 11:10:16

标签: css css3 google-chrome

我有一个用css编写的基于环形的信息图表 它由半圆环制成。它由4个半圆形环组成,使用方形div,两个相邻边上有彩色边框,边界半径为50%;

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

我已经检查了元素的计算样式,声明的样式是15px,但计算的样式是14.4px。

enter image description here

任何继承的样式都可以影响边距或div的盒子模型。

1 个答案:

答案 0 :(得分:1)

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

我的猜测是您的页面已放大。在125%缩放级别,我得到的屏幕截图显示的计算宽度相同。