vw
说明
相对于视口的宽度。视口被均分为100单位的vw
兼容性
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>
<style>
p {
font-size: 5vw;
}
</style>
</head>
<body>
<p>相对于viewport宽度大小的文字</p>
</body>
</html>