回答-BFW问答

vmax和vmin都是相对于窗口大小的长度单位。

100vmax相当于100%当前窗口长或者宽的长度，取其中最大值，vmin反之。

如果css函数max()和min()普及后，100vmax相当于max(100vw, 100vh)

个人最常用的是vmin，可以在确保在保持宽高比的情况下，不论窗口如何缩放都可以不让元素超出窗口范围。

例如，如果浏览器设置为1100px宽、700px高，1vmin会是较小的7px，而1vmax将是较大的11px。然而，如果宽度设置为800px，高度设置为1080px，1vmin将会是较小的8px，而1vmax将会是较大的10.8px

实例1：设想你需要一个总是在屏幕上可见的元素

.box { 
  height: 100vmin; 
  width: 100vmin; 
}

实例2：如果你需要一个总是覆盖可视窗口的正方形(一直接触屏幕的四条边),使用相同的规则只是把单位换成vmax

.box { 
  height: 100vmax; 
  width: 100vmax; 
}

回答