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>