Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Enregistrer le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1 style="font-size:10vw;">Texte réactif</h1> <p style="font-size:5vw;">Redimensionnez la fenêtre du navigateur pour voir comment la taille du texte s'adapte.</p> <p style="font-size:5vw;">Utilisez l'unité "vw" pour dimensionner le texte. 10vw définira la taille à 10 % de la largeur de la fenêtre d'affichage.</p> <p>Viewport est la taille de la fenêtre du navigateur. 1vw = 1% de la largeur du viewport. Si le viewport fait 50 cm de large, 1vw est 0,5 cm.</p> </body> </html>