vh

版本： CSS3

vh：视窗口区域的初始包含块的高度的 1% 。

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

浏览器支持


IE9以上版本的浏览器都支持 `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></title>
<style>
p { font-size: 5vh; }
</style>
</head>
<body>
    <p>相对于viewport高度大小的文字</p>
</body>
</html>

返回CSS导航

vh

浏览器支持

说明：