- HTML中文网
- 联系QQ：88526
- QQ交流群
- 微信公众号
前端控
更新时间：2019-03-21 13:10:13
示例代码：
h1 {
font-size: 8vh;
}如果视口的高度是200mm，那么上述代码中h1元素的字号将为16mm，即(8x200)/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+ |
<!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>点击 "运行实例" 按钮查看在线实例
效果图：
推荐手册