vmin

版本：CSS3

vmin：视口高度 vw 和宽度 vh 两者之间的最小值。

“视窗口区域”所指为浏览器内部的可视区域大小，即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小

浏览器支持


IE10以上版本的浏览器都支持`vmin`

说明：

相对于视口的宽度或高度中较小的值

示例代码：

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

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

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

效果图：