函数

yzqdev小于 1 分钟

CSS 提供一些函数，方便操作。

minmax

minmax提供一个长度范围，不小于较小值，不大于较大值。

minmax( min, max )

如果第二个参数max小于第一个参数min，那么max会被忽略，等同于将长度设置为min。

minmax(400px, 50%)
minmax(30%, 300px)

网格布局中，max也允许设置为比例因子fr，但min不能设置为fr。

minmax(200px, 1fr)

网格布局中，还可以使用关键字max-content和min-content，分别表示最大的和最小的可分配宽度。

minmax(100px, max-content)
minmax(min-content, 400px)

关键字auto在max位置等同于max-content，在min位置等同于min-content。

minmax(max-content, auto)
minmax(auto, 300px)
minmax(min-content, auto)

image-set()用来选取符合响应式条件的图片。

background-image: image-set( "foo.png" 1x, "foo-2x.png" 2x);