W3School TIY Editor
W3CSTUDY オンライン チュートリアル
方向を変更
ダーク モード
コードの実行
<!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 cm の場合、1vw は 0.5 cm です。 </p> </body> </html>