html运行实例（css_font_responsive）-搜寻教程库

代码示例：（标识：css_font_responsive）

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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>