• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 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

    下篇:vmax