css - 2018 年 CSS 浏览器对 min() 和 max() 的支持？

Question

我希望在我的项目中使用min()和max()我想知道 2018 年的浏览器支持是什么？只是想知道我是否需要打扰使用@supports规则。

所以我可以写：

.px-4-safe {
    padding-left: max(1rem, env(safe-area-inset-left));
    padding-right: max(1rem, env(safe-area-inset-right));
}

代替：

.px-4-safe {
  padding-left: 1rem;
  padding-right: 1rem;
}

@supports (padding: max(0px)) {
  .px-4-safe {
    padding-left: max(1rem, env(safe-area-inset-left));
    padding-right: max(1rem, env(safe-area-inset-right));
  }
}

标签： css

Answer 1

根据 MDN：

https://developer.mozilla.org/en-US/docs/Web/CSS/max#Browser_compatibility https://developer.mozilla.org/en-US/docs/Web/CSS/min#Browser_compatibility

和可以使用

https://caniuse.com/#search=min() \

https://caniuse.com/#search=max() \

没有兼容性信息，这表明您在这个阶段不走运。