vh

说明:

相对于视口的高度。视口被均分为100单位的vh

示例代码:

h1{font-size:8vh;}

如果视口的高度是200mm,那么上述代码中h1元素的字号将为16mm,即(8x200)/100

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
IE Firefox Safari Chrome Opera
6.0-8.0 4.0-18.0 4.0-6.0 4.0-25.0 15.0
9.0 19.0 6.1 26.0

示例: