主页
HTML
HTML 响应式 Web 设计
tryhtml_responsive_text
运行 ❯
×
更改方向
保存代码
更改主题
<!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%。 如果视口为 50cm 宽，则 1vw 为 0.5cm。</p> </body> </html>