使用边框半径时扭曲的圆圈

Question

在我的页面中，左上角有一个菜单图标，它被包裹在一个圆圈内，所以我使用了CSS3边框半径。

但圆圈不是那么顺利，我在拐角处有些失真。有没有办法使它顺利。

如果高度和宽度增加，我的圆形形状没有变形。

#container{
    width:400px;
  height:400px;
  background:#000;
  padding:100px;
  }
#circle{
    width:40px;
  height:40px;
  border-radius: 50%;
  border:1px solid white;
  }

<div id="container">
  <div id="circle"></div>
</div>

Answer 1

阅读本文 http://www.sitepoint.com/how-to-get-smoother-rounded-corners/ 并且知道这是否有帮助