W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1 style="font-size:10vw;">响应式文本</h1> <p style="font-size:5vw;">调整浏览器窗口大小，查看文本大小如何缩放。</p> <p style="font-size:5vw;">设置文本大小时使用 "vw" 单位。10vw 将把大小设置为视口宽度的 10%。</p> <p>视口是浏览器窗口的大小。1vw = 视口宽度的 1%。如果视口宽度为 50 厘米，1vw 就是 0.5 厘米。</p> </body> </html>