css - 绘制的圆弧在 FF 中扭曲

Question

我正在尝试使用以下代码在圆内绘制圆弧：

<div class="outer_circle">
 <div class='arc1'></div>
 <div class='arc2'></div>
</div>

在这里测试：http: //jsfiddle.net/C9vVN/

该代码适用于 Chrome、IE 和 Opera，但在 Firefox 中它看起来有些失真。

你有什么建议吗？

在此先感谢您的帮助。

Answer 1

box-sizing 需要-mozfirefox ( caniuse.com ) 的前缀。

-moz-box-sizing: border-box;
box-sizing: border-box;

这是一个更新的小提琴。