複数の値から最小値または最大値を選択する関数です。レスポンシブデザインで条件分岐的な値設定が可能です。
min(<value>, <value>, ...) | max(<value>, <value>, ...)width: min(100%, 600px);100%と600pxの小さい方を選択
font-size: max(1rem, 3vw);1remと3vwの大きい方を選択
margin: min(5vw, 2rem) auto;レスポンシブなマージン設定
clamp()の代替として使える。calc()と組み合わせて複雑な計算も可能。
Chrome 79+, Firefox 75+, Safari 11.1+