vh
版本:CSS3
vh:视窗口区域的初始包含块的高度的1%。
“视窗口区域”所指为浏览器内部的可视区域大小,即window.innerWidth / window.innerHeight大小,不包含任务栏标题栏以及底部工具栏的浏览器区域大小
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
IE9以上版本的浏览器都支持vh | ||||
说明:
相对于视口的高度。视口被均分为100单位的vh
示例代码:
h1{ font-size: 8vh; }
如果视口的高度是 200mm,那么上述代码中
<!DOCTYPE html>
<html lang="zh-cmn-hans">
<head>
<meta charset="utf-8"/>
<title></title>
<style>
p { font-size : 5vh; }
</style>
</head>
<body>
<p>相对于viewport高度大小的文字</p>
</body>
</html>





