<!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%です。ビューポートの幅が50cm の場合、1vwは0.5cmです。</p>
</body>
</html>
