是时候让我跟上现代 CSS 的速度了。
CSS 中有很多新东西我知道的太少了。
为了改变这一点，我开始了#现代CSS100天。
为什么或多或少现代 CSS？
因为有些主题将是关于尖端功能的，而其他主题已经存在了很长一段时间，但我对此几乎没有经验。
该min()函数采用逗号分隔的表达式列表。将选择列表中的最小值。
div { width: min(400px, 200px, 300px); /* width = 200px */}
这个例子没有多大意义，因为值总是200px.min()当你使用相对单位时，它会显示出它的真正力量。
div { width: min(100%, 800px);}
如果可用空间小于 800px，则匹配100%.如果大于 800px，则匹配800px. 这基本上是一个较短的版本。
div { width: 100%; max-width: 800px;}
