css - 适本地圆化元素的 Angular

Question

当我使用 border-radius 为 div 的 Angular 设置圆 Angular 时，它的 Angular 会出现异常并且看起来很奇怪。结果看起来像 this

我怎样才能正确地圆 Angular ？

Answer 1

问题很简单，我传递的是 % 而不是 px 的值。

div {
height: 50px;
width: 100px;
margin-bottom: 20px;
}

.pixels {
border-radius: 15%;
background: firebrick;
}

.percentages {
border-radius: 15px;
background: seagreen;
}

<div class="pixels"></div>
<div class="percentages"></div>

将一个以 % 为单位的值传递给 border-radius 使按钮看起来呈椭圆形，而不是使边 Angular 更平滑。