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+	15.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>