• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • vh

    版本:CSS3

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

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

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    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>

    上篇:vw

    下篇:<percentage>