vmin

  • 版本:CSS3
wechat
WEB前端开发官方公众号
10年服务3000万前端开发工程师

微信号:webfedev

微信扫一扫关注,每天分享前端干货

说明:

相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为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

示例: