你有使用过vmax和vmin吗？说说你对它们的理解

你有使用过vmax和vmin吗？说说你对它们的理解

• vmax

  和

  vmin

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

• 100vmax

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

  vmin

  反之。
• 如果css函数

  max()

  和

  min()

  普及后，

  100vmax

  相当于

  max(100vw, 100vh)

个人最常用的是

vmin

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