Css 如何避免分数rem值小于1px？

假设我们有一个项目，其中使用

calc

CSS函数动态计算字体大小。此外，我们希望有一个边框，其宽度将以

rem

（相对于字体大小）表示

在某些情况下，边框宽度的像素大小小于1px，因此无法渲染

如何将边框宽度设置为不小于1px？

一般来说，大多数现代浏览器都不完全支持设置min（），但请参考CSS 4规范；有用于

max

和

min

的函数

例如：

.type {
  /* Set font-size to 10x 
  the average of vw and vh,
  but don’t let it go below 12px. */

  font-size: max(10 * (1vw + 1vh) / 2, 12px);
}

---

或者，您可以使用CSS预处理器，或者甚至是后处理器来最小化calc中的值

好主意，同时我也有它，但不知怎的max（1px，2px）变得。。。3 px:D.无论如何，我会找出问题所在。我做了更多的调查，大多数浏览器在写这篇文章时都不支持这一点；（还是初稿）。。。然而，safari 11对此有支持（奇怪但有趣）