CSS浏览器是否支持2018年的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));
  }
}

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() \

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