css - SCSS：根据元素大小分配边框半径

Question

我正在使用此类设置圆形.rounded边框

.rounded {
  border-radius: 1rem !important;
}

大多数时候边框看起来不错

但在小元素上，它看起来并不是很好。

---

有什么办法，使用我可以设置边界半径的scss，以便在更宽的元素上，它会是1rem但在更小的元素上，它会是0.5rem什么，这样搜索栏看起来差不多，但正方形看起来更像

标签： csssassborder-radius

Answer 1

首先，请不要使用!important这是您无法控制选择器的标志。

其次，您可以将百分比值改为绝对值。例如border-radio: 25%