新接触的vh单位
说明：
相对于视口的高度。视口被均分为100单位的vh
示例代码：
h1 {
font-size: 8vh;
}
如果视口的高度是200mm，那么上述代码中h1元素的字号将为16mm，即(8x200)/100
示例：
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>vh</title>
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
<style>
p {
font-size: 5vh;
}
</style>
</head>
<body>
<p>相对于viewport高度大小的文字</p>
</body>
</html>
查看效果
image.png
