Recomendação de curso:

Função max() do CSS

Definição e uso do CSS max() A função escolherá o maior valor da lista de valores separados por vírgula como valor do atributo.

Exemplo

Usar max() Defina a largura de #div1 para pelo menos 300px, mas se a largura da viewport for maior que 600px, a largura será maior (50%):

#div1 {
  background-color: yellow;
  height: 80px;
  width: max(50%, 300px);
}

Experimente você mesmo

Sintaxe do CSS

max(value1, value2, ...)

Detalhes técnicos

Suporte do navegador

Os números na tabela representam a versão do navegador que suporta completamente essa função pela primeira vez.

Páginas relacionadas

Referência:A função min() do CSS

Tutorial:Funções matemáticas do CSS