min() 函数用于定义一个值，该值是提供的所有值中的最小值。它允许你为属性提供多种不同的值，并确保最终使用的值不会低于给定的最小值。
语法
property: min(value1, value2, ..., valueN);
value1,value2, ...,valueN：需要比较的值列表。- 每个值可以是任何合法的 CSS 长度单位（如 px、em、rem），百分比，或 calc() 表达式。
使用场景
min() 函数常用于设置元素的尺寸或间距时，确保它们不会小于某个特定值。这在响应式设计和自适应布局中非常有用。
示例：确保元素宽度不低于特定值
.element {
width: min(100%, 500px);
}在这个例子中，.element 的宽度将根据视口大小自动调整，但不会小于 500px。当视口宽度大于等于 500px 时，元素宽度将为视口宽度的 100%；当视口宽度小于 500px 时，元素宽度将固定为 500px。
示例：动态调整字体大小
.title {
font-size: min(3vw, 48px);
}这里，.title 元素的字体大小将基于视口宽度（vw 单位代表视口宽度的百分比）进行调整。但是，字体大小不会超过 48px。当视口宽度较大时，字体大小会随着视口宽度增加而增加，但最大不会超过 48px。
示例：创建灵活的边距
.box {
margin: min(10px, 10vh);
}这个规则将 .box 元素的外边距设为 10px 和当前视口高度的 10% 中的较小者。这样可以确保即使在小屏幕上，元素也不会紧贴边缘。
注意事项
min()函数支持的参数数量没有限制，但通常建议保持简洁，避免过多复杂的表达式。- 当与
calc()函数结合使用时，可以创建非常复杂且灵活的布局规则。 min()函数不能直接用于所有 CSS 属性，比如z-index或者opacity。它主要用于长度、百分比等数值类型的属性。
兼容性
min() 函数是 CSS3 规范的一部分，并且已经被现代浏览器广泛支持。然而，在使用这些函数时，始终检查目标浏览器的兼容性是很重要的。对于不支持的浏览器，可能需要考虑使用 polyfill 或回退样式来实现相似的效果。
通过合理利用 min() 函数，你可以创建出更加灵活、适应性强的网页布局，同时保证关键视觉元素的可读性和易用性。