vmin

說明:

相對於視口的寬度或高度中較小的那個。其中最小的那個被均分為100單位的vmin

示例程式碼:

h1 { font-size: 8vm; font-size: 8vmin; }

如果視口的寬度是300mm,高度是200mm,那麼上述程式碼中h1元素的字號將為16mm,即(8x200)/100,因為高度比寬度要小,所以計算的時候相對於高度。

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
6.0-8.0 2.0-18.0 4.0-25.0 3.1-5.1 15.0+ 3.2-5.1 2.1-4.3 18.0-25.0
9.0+ #1 19.0+ 26.0+ 6.0+ 6.0+ 4.4+ 26.0+
  1. IE9僅支援使用 vm 代替vmin

示例: