min関数

width: min(100%, 500px)

width: 100%
max-width: 500px

min関数を使ったボタン

350px以下は100%になるボタン »

max関数

width: max(80%, 500px)

width: 80%
min-width: 500px

clamp関数

width: clamp(500px, 50%, 1000px)

min-width: 500px
max-width: 1000px

※500px と 1000px の間は 50%

clamp関数 フォントサイズ

あいうえお