css vh使用

  • 2019 年 10 月 25 日
  • 筆記

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/qq_32534855/article/details/99416249

vh

说明:

相对于视口的高度。视口被均分为100单位的vh

示例代码:

h1 {  	font-size: 8vh;  }

如果视口的高度是200mm,那么上述代码中h1元素的字号将为16mm,即(8×200)/100

兼容性:

浅绿 = 支持

红色 = 不支持

粉色 = 部分支持

IE

Firefox

Chrome

Safari

Opera

iOS Safari

Android Browser

Android Chrome

6.0-8.0

2.0-18.0

4.0-25.0

3.1-5.1

15.0+

3.2-5.1

2.1-4.3

18.0-25.0

9.0+

19.0+

26.0+

6.0+

6.0+

4.4+

26.0+