berechneter Rand hat eine Subpixel-Abweichung von deklariertem Wert

Question

Ich habe eine ringförmige Infographik-Meter in css geschrieben aus halbkreisförmigen Ringen. Es besteht aus 4 halbkreisförmigen Ringen, die mit einem quadratischen div mit farbigen Rand an zwei benachbarten Seiten und Rand-Radius 50% erstellt wurden;

Ich habe den Umrandungsradius eines halbkreisförmigen Rings als 15px deklariert, aber der berechnete Stil ist 14,4px in Chrome (meine Version - 50). Ich habe versucht, in Jsbin http://jsbin.com/muxaloruro/edit?html,css,output zu reproduzieren. In jsbin ist die Ausgabe perfekt, aber in meinem Website-Layout ist es 14.4px.

Ich habe die berechneten Stile des Elements untersucht, der deklarierte Stil ist 15px, aber der berechnete Stil ist 14.4px.

kann jeder Stil Einfluss Ränder oder die Box-Modell eines div geerbt.

Answer 1

border-width ist nicht von geerbten Stil beeinflusst.

Meine Vermutung ist, dass Ihre Seite gezoomt ist. Bei 125% Zoomstufe, bekomme ich die gleiche berechnete Breite wie in Ihrem Screenshot gezeigt.