vmin

CSS3

vmin

  • 版本:CSS3

说明:

相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin

示例代码:

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

如果视口的宽度是300mm,高度是200mm,那么上述代码中h1元素的字号将为16mm,即(8x200)/100,因为高度比宽度要小,所以计算的时候相对于高度。

兼容性:

  • = 支持
  • = 不支持
  • = 部分支持
6.0-8.0 4.0-18.0 4.0-6.0 4.0-19.0 15.0
9.0 #1 19.0 6.1 26.0
  1. IE9下仅支持使用 vm 代替vmin

示例: