vmin

说明

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

兼容性

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+
  • IE9仅支持使用 vm 代替vmin

示例


<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<style>
p {
    font-size: 12px;    /*IE6-8*/
    font-size: 5vm;        /*IE9*/
    font-size: 5vmin;    /*其他浏览器*/
}
</style>
</head>
<body>
<p>相对于viewport的宽度或高度中较小的那个然后计算文字大小。</p>
</body>
</html>