Recomendação de curso:

Função min() do CSS

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

Dica:Você pode usar min() A função é vista como usada para definir o valor máximo limitante do elemento.

Exemplo

Usar min() Configure o largura de #div1 para no máximo 300px, mas se a largura da viewport for menor que 600px, a largura será menor (50%):

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

Experimente você mesmo

Sintaxe do CSS

min(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 max() do CSS

Tutorial:Funções matemáticas do CSS