我为我的 div 分配了 50px 的边框半径，以实现以下结果:
但是，当div的高度发生变化时，边框的曲率也会发生变化
我正在寻找的是当 div 扩展时边保持笔直并且 Angular 保持相同，如下所示:
这是我的 CSS 目前的样子:
.card {
border-radius: 50px;
height: 100%;
}
我还应该注意，我一直在寻找这个问题的答案(我假设之前有人问过)但我一直找不到答案。我认为这可能与我的用词选择有关，但我不确定如何提出这个问题。如果重复，请提前致歉。
最佳答案
在你的第一个例子中你没有边界半径 50px 因为边界半径不能超过 50% 有关详细信息，请参阅此答案。 Border-radius in percentage (%) and pixels (px) or em
因此，要使 2 个框相同，只需使用右边框半径值 - 例如 20px。
jsfiddle.net/xky4r539/
关于html - 如何在高度变化时保持边界半径形状，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52745112/