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+ |